Nearest named color · #8B6448
#8B6448
Nearest named color: Cocoa
#8B6448 (rgb(139 100 72), hsl(25 32% 41%), oklch(0.537 0.065 56.5)) is closest to the named color Cocoa. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#8B6448
oklch(0.537 0.065 56.5)
Color conversions
- HEX
- #8b6448
- RGB
- rgb(139 100 72)
- HSL
- hsl(25 32% 41%)
- HWB
- hwb(25 28% 45%)
- OKLCH
- oklch(0.537 0.065 56.5)
- OKLab
- oklab(0.537 0.036 0.054)
- CIE Lab
- lab(46.01 13.61 22.4)
- LCH
- lch(46.01 26.21 58.7)
- CMYK
- cmyk(0% 28% 48% 45%)
Tints · Shades · Tones
Tints
- 967359
- A2816B
- AD907C
- B9A08E
- C5AFA0
- D0BFB3
- DCCEC5
- E8DED8
- F3EFEC
Shades
- 78563D
- 664833
- 543B29
- 432E1F
- 322216
- 23160D
- 140B06
- 070302
- 010000
Tones
- 8A674E
- 896A54
- 886D59
- 87705F
- 867265
- 85756A
- 847870
- 837B75
- 817D7B
Color harmonies
Complementary +180°
- 8B6448
Cocoa
- 47748F
≈ Harbour Blue
Analogous -30° +30°
- 8B6448
Cocoa
- 905F5A
≈ Rose Taupe
- 7E6B40
≈ Cork Bark
Triadic +120° +240°
- 8B6448
Cocoa
- 407A6D
≈ Pearl Green
- 71668F
≈ Purple Grapes
Split-complementary +150° +210°
- 8B6448
Cocoa
- 3A7981
≈ Diver’s Eden
- 5C6D94
≈ Haunt Mist
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 5.23:1 · APCA Lc 76
Ag
FailOn black
WCAG 4.01:1 · APCA Lc 26
Best text color: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Code snippets
CSS
:root {
--cocoa: #8b6448;
--cocoa-rgb: 139 100 72;
--cocoa-oklch: oklch(0.537 0.065 56.5);
}
.element {
color: var(--cocoa);
background-color: hsl(25 32% 41%);
border-color: oklch(0.537 0.065 56.5);
}Tailwind CSS v4
@theme {
--color-cocoa: #8b6448;
--color-cocoa-50: #fff1e3;
--color-cocoa-100: #f9e3d3;
--color-cocoa-200: #eaceb9;
--color-cocoa-300: #d1b097;
--color-cocoa-400: #bd9579;
--color-cocoa-500: #a87b5b;
--color-cocoa-600: #8e684e;
--color-cocoa-700: #72533e;
--color-cocoa-800: #543c2d;
--color-cocoa-900: #3b291e;
--color-cocoa-950: #25170e;
}SCSS
$cocoa: #8b6448;
$cocoa-rgb: 139, 100, 72;
$cocoa-light: mix(#fff, $cocoa, 20%);
$cocoa-dark: mix(#000, $cocoa, 20%);
.element {
color: $cocoa;
box-shadow: 0 0 0 2px rgba($cocoa, 0.35);
}