PANTONE 2017 XGC

Rich Light Orange

Technical Values

HEX#FBB170

content_copy

RGB251, 177, 112

content_copy

CMYK0, 29, 55, 2

content_copy

HSL28°, 95%, 71%

content_copy

Tints & Shades

Shades — Darkening PANTONE 2017 XGC

#FBB06F

#FA9D4C

#FA8A29

#F97706

#D66705

#B35605

#8B4304

#683203

#462102

#231101

Tints — Lightening PANTONE 2017 XGC

#FBB06F

#FCB97E

#FCC18D

#FCC99C

#FDD1AA

#FDD9B9

#FDDEC3

#FEE7D2

#FEEFE1

#FFF7F0

Color Harmonies

Complementary

#FBB170

#6FBAFB

Analogous

#FB6F73

#FBB170

#FBF76F

Triadic

#FBB170

#6FFBB0

#B06FFB

Nearest Pantone Colors

Name	Hex	Distance
PANTONE 2017 C	#F8AD6D	ΔE 1.45
PANTONE 13-1-3 C	#FFB674	ΔE 1.78
PANTONE 1365 UP	#FCB572	ΔE 1.84
PANTONE 2016 C	#FFB673	ΔE 1.88

CSS Implementation

Style Definitions

.color-primary {

background-color: #FBB170;

color: #000000;

border: 1px solid #FBB170;

background: linear-gradient(135deg, #FBB170 0%, #F97706 100%);

}

Accessibility (WCAG)

Contrast on White Text

AA FAIL

Contrast on Black Text

AA PASSAAA PASS

Recommendation: Use black text for optimal legibility on this color.

Color Blindness Simulation

Protanopia
#CAB36C (Red Blind)

Deuteranopia
#DBC371 (Green Blind)

Tritanopia
#FFA29E (Blue Blind)

About This Color

PANTONE 2017 XGC is a highly saturated orange with bright tonality. Its HEX value is #FBB170, placing it in the orange region of the color spectrum with a hue angle of 28°.

This lighter shade is well-suited for backgrounds, accent areas, and designs that require an open, airy feel. It pairs naturally with darker neutrals for contrast.

Find your next shade.

Convert any HEX, RGB, or Pantone color instantly.