PANTONE Cocoa

Muted Dark Orange

Technical Values

HEX#594536
content_copy
RGB89, 69, 54
content_copy
CMYK0, 22, 39, 65
content_copy
HSL26°, 24%, 28%
content_copy

Tints & Shades

Shades — Darkening PANTONE Cocoa

#594536
#4F3E30
#46362B
#3F3127
#362A21
#2C231B
#231B15
#191410
#130F0C
#090706

Tints — Lightening PANTONE Cocoa

#594536
#6F5644
#856851
#9E7B61
#AC8E77
#B9A08D
#C7B3A3
#D4C5B9
#E4DAD3
#F1EDE9

Color Harmonies

Complementary

#594536
#364A59

Analogous

#593639
#594536
#595636

Triadic

#594536
#365945
#453659

Nearest Pantone Colors

SwatchNameHexDistance
PANTONE 19-1119 TCX#584436ΔE 0.72
PANTONE 7589 C#5C4738ΔE 1.07
PANTONE 19-1020 TPX#564334ΔE 1.07
PANTONE 8622#5B4739ΔE 1.10

CSS Implementation

Style Definitions

.color-primary {

background-color: #594536;

color: #FFFFFF;

border: 1px solid #594536;

background: linear-gradient(135deg, #594536 0%, #3F3127 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
#4B4635 (Red Blind)
Deuteranopia
#504A36 (Green Blind)
Tritanopia
#614141 (Blue Blind)

About This Color

PANTONE Cocoa is a desaturated orange with dark tonality. Its HEX value is #594536, placing it in the orange region of the color spectrum with a hue angle of 26°.

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.