PANTONE Toasted Coconut
Muted Professional Orange
Tints & Shades
Shades — Darkening PANTONE Toasted Coconut
#8C6B4F
#7F6148
#6F543E
#624A37
#554030
#483728
#372A1F
#2A2018
#1D1611
#0D0A07
Tints — Lightening PANTONE Toasted Coconut
#8C6B4F
#A0795A
#AB8669
#B6967C
#C1A690
#CCB6A4
#D5C3B4
#E0D2C8
#EBE2DB
#F4EFEB
Color Harmonies
Complementary
#8B6A4F
#4F718C
Analogous
#8C4F52
#8B6A4F
#8C894F
Triadic
#8B6A4F
#4F8C6B
#6B4F8C
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE 18-1029 TCX | #8A6950 | ΔE 1.16 | |
| PANTONE 18-0933 TPG | #89674D | ΔE 1.25 | |
| PANTONE 732 U | #8C684E | ΔE 1.52 | |
| PANTONE 4243 CP | #87674A | ΔE 1.78 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #8B6A4F;
color: #FFFFFF;
border: 1px solid #8B6A4F;
background: linear-gradient(135deg, #8B6A4F 0%, #624A37 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
#756B4D (Red Blind)
#756B4D (Red Blind)
Deuteranopia
#7C724F (Green Blind)
#7C724F (Green Blind)
Tritanopia
#986362 (Blue Blind)
#986362 (Blue Blind)
About This Color
PANTONE Toasted Coconut is a desaturated orange with medium tonality. Its HEX value is #8B6A4F, placing it in the orange region of the color spectrum with a hue angle of 27°.
This mid-range tone offers excellent versatility, working in both digital interfaces and print applications. It provides strong visual impact while maintaining readability when paired with light or dark text.
Find your next shade.
Convert any HEX, RGB, or Pantone color instantly.