Cocoa Color
#8B6B61
Shades
Darker variations of each color in your palette
Base Color
#8B6B61#8B6B61
#6F564E
#53403A
#382B27
#1C1513
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#8B6B61#8B6B61
#A28981
#B9A6A0
#D1C4C0
#E8E1DF
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #8B6B61 |  |
| RGB | 139, 107, 97 | |
| HSL | 14, 18%, 46% | |
| CMYK | 0%, 23%, 30%, 45% | |
| OKLCH | oklch(0.557 0.044 38) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#8B6B61#8A606B
#8B6B61
#8A7F60
Analogous
#8B6B61
#60818A
Complementary
#8B6B61
#608A6A
#6A608A
Triadic
#8B6B61
#608A7F
#606B8A
Split Complementary
#8B6B61
#6B8A60
#60818A
#7F608A
Tetradic
#3C2E2A
#695149
#967369
#B69D96
#D5C7C3
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#8B6B61#8A6060
#8A8A60
#608A60
#608A8A
#60608A
#8A608A
Hues
Tones
Tones created by adding gray to each color
Base Color
#8B6B61#8B6B61
#896F67
#87736D
#847874
#827C7A
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#8B6B61#9C6D5D
#AE6E58
#BF7054
Warmer
#856D79
#7E6E90
#7870A8
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#8B6B61On White Background
Sample Text
Contrast Ratio:4.80:1
WCAG Level:AA
PASS
On Black Background
Sample Text
Contrast Ratio:4.37:1
WCAG Level:AA Large
PASS
WCAG Guidelines:
- AAA: Contrast ratio ≥ 7:1 (highest level)
- AA: Contrast ratio ≥ 4.5:1 (acceptable for most text)
- AA Large: Contrast ratio ≥ 3:1 (for text 18pt+ or 14pt+ bold)