PANTONE 135-4-5 CP

Muted Dark Yellow

Technical Values

HEX#686627

content_copy

RGB104, 102, 39

content_copy

CMYK0, 2, 63, 59

content_copy

HSL58°, 45%, 28%

content_copy

Tints & Shades

Shades — Darkening PANTONE 135-4-5 CP

#686527

#5C5B23

#51501F

#4A481C

#3F3E18

#343314

#29280F

#1E1D0B

#161608

#0B0B04

Tints — Lightening PANTONE 135-4-5 CP

#686527

#817F31

#9B983B

#B9B546

#C3BF60

#CDCA7A

#D6D494

#E0DEAE

#EBEACB

#F5F5E5

Color Harmonies

Complementary

#686627

#272968

Analogous

#684527

#686627

#4A6827

Triadic

#686627

#276865

#652768

Nearest Pantone Colors

Name	Hex	Distance
PANTONE 7750 CP	#6A652B	ΔE 2.63
PANTONE P 165-16 C	#616422	ΔE 2.89
PANTONE 581 XGC	#6D6425	ΔE 3.48
PANTONE P 165-15 C	#686C2B	ΔE 3.49

CSS Implementation

Style Definitions

.color-primary {

background-color: #686627;

color: #FFFFFF;

border: 1px solid #686627;

background: linear-gradient(135deg, #686627 0%, #4A481C 100%);

}

Accessibility (WCAG)

Contrast on White Text

AA PASSAAA FAIL

Contrast on Black Text

AA FAIL

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

Color Blindness Simulation

Protanopia
#736024 (Red Blind)

Deuteranopia
#756429 (Green Blind)

Tritanopia
#745D53 (Blue Blind)

About This Color

PANTONE 135-4-5 CP is a moderately saturated yellow with dark tonality. Its HEX value is #686627, 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.