PANTONE Cocoa
Muted Dark Orange
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
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| 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)
#4B4635 (Red Blind)
Deuteranopia
#504A36 (Green Blind)
#504A36 (Green Blind)
Tritanopia
#614141 (Blue Blind)
#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.