PANTONE 4228 C

Neutral Professional Yellow

Technical Values

HEX#59563E

content_copy

RGB89, 86, 62

content_copy

CMYK0, 3, 30, 65

content_copy

HSL53°, 18%, 30%

content_copy

Tints & Shades

Shades — Darkening PANTONE 4228 C

#5A573F

#514E38

#484632

#3F3D2C

#363426

#2D2C1F

#242319

#1B1A13

#12110D

#090906

Tints — Lightening PANTONE 4228 C

#5A573F

#6F6B4D

#84805C

#99936C

#A7A381

#B6B296

#C4C1AB

#D3D1C0

#E2E0D5

#F0F0EA

Color Harmonies

Complementary

#59563E

#3F425A

Analogous

#5A493F

#59563E

#505A3F

Triadic

#59563E

#3F5A57

#573F5A

Nearest Pantone Colors

Name	Hex	Distance
PANTONE 18-0523 TCX	#5A5842	ΔE 1.59
PANTONE 20-0188 TPM	#56543A	ΔE 1.60
PANTONE Winter Moss	#5B5A41	ΔE 1.79
PANTONE 138-2-7 U	#565641	ΔE 2.42

CSS Implementation

Style Definitions

.color-primary {

background-color: #59563E;

color: #FFFFFF;

border: 1px solid #59563E;

background: linear-gradient(135deg, #59563E 0%, #3F3D2C 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
#5B543D (Red Blind)

Deuteranopia
#5D563F (Green Blind)

Tritanopia
#5E524F (Blue Blind)

About This Color

PANTONE 4228 C is a desaturated yellow with dark tonality. Its HEX value is #59563E, placing it in the yellow region of the color spectrum with a hue angle of 53°.

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.