PANTONE 20-0188 TPM

Neutral Dark Yellow

Technical Values

HEX#56543A

content_copy

RGB86, 84, 58

content_copy

CMYK0, 2, 33, 66

content_copy

HSL56°, 19%, 28%

content_copy

Tints & Shades

Shades — Darkening PANTONE 20-0188 TPM

#55533A

#4C4A34

#43412D

#3D3B29

#343223

#2A2A1D

#212117

#181811

#12120C

#090906

Tints — Lightening PANTONE 20-0188 TPM

#55533A

#6A6848

#7F7D57

#989467

#A6A37D

#B5B292

#C3C1A7

#D2D0BC

#E2E1D5

#F1F0EA

Color Harmonies

Complementary

#56543A

#3A3C55

Analogous

#55463A

#56543A

#49553A

Triadic

#56543A

#3A5553

#533A55

Nearest Pantone Colors

Name	Hex	Distance
PANTONE 4228 C	#59563E	ΔE 1.60
PANTONE 18-0322 TCX	#56583E	ΔE 2.33
PANTONE 7764 XGC	#575638	ΔE 2.38
PANTONE 131-2-6 C	#595638	ΔE 2.55

CSS Implementation

Style Definitions

.color-primary {

background-color: #56543A;

color: #FFFFFF;

border: 1px solid #56543A;

background: linear-gradient(135deg, #56543A 0%, #3D3B29 100%);

}

Accessibility (WCAG)

Contrast on White Text

AA PASSAAA PASS

Contrast on Black Text

AA FAIL

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

Color Blindness Simulation

Protanopia
#5A5239 (Red Blind)

Deuteranopia
#5B533B (Green Blind)

Tritanopia
#5B504C (Blue Blind)

About This Color

PANTONE 20-0188 TPM is a desaturated yellow with dark tonality. Its HEX value is #56543A, placing it in the yellow region of the color spectrum with a hue angle of 56°.

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.