Named color · #816C5B
Nut Cracker
Nut Cracker is #816C5B: rgb(129 108 91), hsl(27 17% 43%), oklch(0.547 0.037 60.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Brown mean? → · Nut Cracker color name →
#816C5B
oklch(0.547 0.037 60.9)
Color conversions
- HEX
- #816c5b
- RGB
- rgb(129 108 91)
- HSL
- hsl(27 17% 43%)
- HWB
- hwb(27 36% 49%)
- OKLCH
- oklch(0.547 0.037 60.9)
- OKLab
- oklab(0.547 0.018 0.032)
- CIE Lab
- lab(47.33 6.55 12.81)
- LCH
- lch(47.33 14.39 62.9)
- CMYK
- cmyk(0% 16% 29% 49%)
Tints · Shades · Tones
Tints
- 8D7A6A
- 99887A
- A59689
- B2A499
- BEB3AA
- CBC2BA
- D8D1CB
- E5E0DC
- F2EFED
Shades
- 6F5D4E
- 5E4E41
- 4E4035
- 3E3229
- 2E251E
- 1F1913
- 120D09
- 060403
- 010000
Tones
- 816E5F
- 817062
- 817266
- 81746A
- 81766E
- 817871
- 817A75
- 807C79
- 807E7C
Color harmonies
Complementary +180°
- 816C5B
Nut Cracker
- 5E7484
≈ Lost Atlantis
Analogous -30° +30°
- 816C5B
Nut Cracker
- 856964
≈ Brazil Nut
- 797058
≈ Dusky Green
Triadic +120° +240°
- 816C5B
Nut Cracker
- 597872
≈ September Sea
- 746C83
≈ Fujinezumi
Split-complementary +150° +210°
- 816C5B
Nut Cracker
- 58777D
≈ Blue-Eyed Cryptid
- 687087
≈ Deep Larkspur
Tetradic +90° +180° +270°
- 816C5B
Nut Cracker
- 617766
≈ Swanndri
- 5E7484
≈ Lost Atlantis
- 7E697B
≈ Arctic Dusk
Contrast & accessibility
Ag
AAOn white
WCAG 4.96:1 · APCA Lc 74
Ag
FailOn black
WCAG 4.22:1 · APCA Lc 27
Best text color: #FFFFFF
WCAG 4.96:1 (AA) · APCA Lc 74
Contrast pairs
Code snippets
CSS
:root {
--nut-cracker: #816c5b;
--nut-cracker-rgb: 129 108 91;
--nut-cracker-oklch: oklch(0.547 0.037 60.9);
}
.element {
color: var(--nut-cracker);
background-color: hsl(27 17% 43%);
border-color: oklch(0.547 0.037 60.9);
}Tailwind CSS v4
@theme {
--color-nut-cracker: #816c5b;
--color-nut-cracker-50: #fdf3eb;
--color-nut-cracker-100: #f1e6dc;
--color-nut-cracker-200: #e0d1c5;
--color-nut-cracker-300: #c6b4a4;
--color-nut-cracker-400: #af9a89;
--color-nut-cracker-500: #99816e;
--color-nut-cracker-600: #816d5d;
--color-nut-cracker-700: #67574a;
--color-nut-cracker-800: #4c3f36;
--color-nut-cracker-900: #352c25;
--color-nut-cracker-950: #201913;
}SCSS
$nut-cracker: #816c5b;
$nut-cracker-rgb: 129, 108, 91;
$nut-cracker-light: mix(#fff, $nut-cracker, 20%);
$nut-cracker-dark: mix(#000, $nut-cracker, 20%);
.element {
color: $nut-cracker;
box-shadow: 0 0 0 2px rgba($nut-cracker, 0.35);
}