Nearest named color · #87654D
#87654D
Nearest named color: Mocha Delight
#87654D (rgb(135 101 77), hsl(25 27% 42%), oklch(0.535 0.057 56.4)) is closest to the named color Mocha Delight. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#87654D
oklch(0.535 0.057 56.4)
Color conversions
- HEX
- #87654d
- RGB
- rgb(135 101 77)
- HSL
- hsl(25 27% 42%)
- HWB
- hwb(25 30% 47%)
- OKLCH
- oklch(0.535 0.057 56.4)
- OKLab
- oklab(0.535 0.031 0.047)
- CIE Lab
- lab(45.87 11.7 19.2)
- LCH
- lch(45.87 22.49 58.7)
- CMYK
- cmyk(0% 25% 43% 47%)
Tints · Shades · Tones
Tints
- 93735E
- 9F826E
- AA917F
- B6A091
- C2AFA3
- CEBFB4
- DACFC7
- E6DFD9
- F3EFEC
Shades
- 755742
- 634937
- 513C2C
- 412F22
- 312218
- 21170F
- 130C07
- 060302
- 010000
Tones
- 876852
- 866B57
- 856D5D
- 857062
- 847367
- 83756C
- 837871
- 827B76
- 817D7B
Color harmonies
Complementary +180°
- 87654D
Mocha Delight
- 4D738A
≈ Inky Blue
Analogous -30° +30°
- 87654D
Mocha Delight
- 8B615C
≈ Bold Brick
- 7C6B47
≈ Juicy Fig
Triadic +120° +240°
- 87654D
Mocha Delight
- 48786C
≈ Hooker’s Green
- 70678B
≈ Aromatic
Split-complementary +150° +210°
- 87654D
Mocha Delight
- 43777E
≈ Ocean Slumber
- 5E6D8F
≈ Haunt Mist
Tetradic +90° +180° +270°
- 87654D
Mocha Delight
- 58765A
≈ Elm Green
- 4D738A
≈ Inky Blue
- 7F627F
≈ Grape Jelly
Contrast & accessibility
Ag
AAOn white
WCAG 5.25:1 · APCA Lc 76
Ag
FailOn black
WCAG 3.99:1 · APCA Lc 26
Best text color: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 76
Contrast pairs
Code snippets
CSS
:root {
--mocha-delight: #87654d;
--mocha-delight-rgb: 135 101 77;
--mocha-delight-oklch: oklch(0.535 0.057 56.4);
}
.element {
color: var(--mocha-delight);
background-color: hsl(25 27% 42%);
border-color: oklch(0.535 0.057 56.4);
}Tailwind CSS v4
@theme {
--color-mocha-delight: #87654d;
--color-mocha-delight-50: #fff2e6;
--color-mocha-delight-100: #f7e4d6;
--color-mocha-delight-200: #e8cfbd;
--color-mocha-delight-300: #ceb19b;
--color-mocha-delight-400: #b9967e;
--color-mocha-delight-500: #a47d62;
--color-mocha-delight-600: #8a6a53;
--color-mocha-delight-700: #6f5442;
--color-mocha-delight-800: #523d30;
--color-mocha-delight-900: #392a20;
--color-mocha-delight-950: #231810;
}SCSS
$mocha-delight: #87654d;
$mocha-delight-rgb: 135, 101, 77;
$mocha-delight-light: mix(#fff, $mocha-delight, 20%);
$mocha-delight-dark: mix(#000, $mocha-delight, 20%);
.element {
color: $mocha-delight;
box-shadow: 0 0 0 2px rgba($mocha-delight, 0.35);
}