PANTONE 8663

Rich Dark Yellow

Technical Values

HEX#837F13

content_copy

RGB131, 127, 19

content_copy

CMYK0, 3, 85, 49

content_copy

HSL58°, 75%, 29%

content_copy

Tints & Shades

Shades — Darkening PANTONE 8663

#817E12

#747111

#67640F

#59570D

#4C4A0B

#43410A

#363408

#282706

#1B1A04

#0D0D02

Tints — Lightening PANTONE 8663

#817E12

#A19C17

#C0BA1B

#DFD920

#E4DE3F

#E9E463

#EDEA82

#F2EFA1

#F6F4C1

#FBFAE0

Color Harmonies

Complementary

#837F13

#121681

Analogous

#814612

#837F13

#4E8112

Triadic

#837F13

#12817E

#7E1281

Nearest Pantone Colors

Name	Hex	Distance
PANTONE PQ-8662C	#87811B	ΔE 1.90
PANTONE P 168-8 C	#8A811A	ΔE 2.72
PANTONE 392 C	#827A04	ΔE 3.07
PANTONE 8663 C	#83830E	ΔE 3.18

CSS Implementation

Style Definitions

.color-primary {

background-color: #837F13;

color: #000000;

border: 1px solid #837F13;

background: linear-gradient(135deg, #837F13 0%, #59570D 100%);

}

Accessibility (WCAG)

Contrast on White Text

AA FAIL

Contrast on Black Text

AA PASSAAA FAIL

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

Color Blindness Simulation

Protanopia
#96750D (Red Blind)

Deuteranopia
#997B16 (Green Blind)

Tritanopia
#976F5E (Blue Blind)

About This Color

PANTONE 8663 is a highly saturated yellow with dark tonality. Its HEX value is #837F13, placing it in the yellow region of the color spectrum with a hue angle of 58°.

This darker shade conveys depth and authority, making it ideal for premium branding, typographic elements, and high-contrast design compositions.

Find your next shade.

Convert any HEX, RGB, or Pantone color instantly.