Nearest named color · #5F2F15
#5F2F15
Nearest named color: Count Chocula
#5F2F15 (rgb(95 47 21), hsl(21 64% 23%), oklch(0.364 0.079 47)) is closest to the named color Count Chocula. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#5F2F15
oklch(0.364 0.079 47)
Color conversions
- HEX
- #5f2f15
- RGB
- rgb(95 47 21)
- HSL
- hsl(21 64% 23%)
- HWB
- hwb(21 8% 63%)
- OKLCH
- oklch(0.364 0.079 47)
- OKLab
- oklab(0.364 0.054 0.058)
- CIE Lab
- lab(25.65 20.69 26.32)
- LCH
- lch(25.65 33.48 51.8)
- CMYK
- cmyk(0% 51% 78% 63%)
Tints · Shades · Tones
Tints
- 6F422B
- 7F5541
- 8F6957
- 9E7D6D
- AE9284
- BEA79C
- CEBCB4
- DFD2CC
- EFE8E5
Shades
- 522711
- 44200C
- 381908
- 2C1205
- 200C03
- 150602
- 0A0301
- 030100
- 000000
Tones
- 633721
- 673F2C
- 6B4736
- 6E4F41
- 71584B
- 756055
- 786860
- 7B706B
- 7D7875
Color harmonies
Complementary +180°
- 5F2F15
Count Chocula
- 00455A
≈ Loyal Blue
Analogous -30° +30°
- 5F2F15
Count Chocula
- 612A2F
≈ Jazz
- 543800
≈ Pineapple
Triadic +120° +240°
- 5F2F15
Count Chocula
- 004A36
≈ County Green
- 3C3665
≈ Rhynchites Nitens
Split-complementary +150° +210°
- 5F2F15
Count Chocula
- 004849
≈ Incubi Darkness
- 213E67
≈ Elmer’s Echo
Tetradic +90° +180° +270°
- 5F2F15
Count Chocula
- 29471B
≈ Forestry
- 00455A
≈ Loyal Blue
- 4F3059
≈ Grape Royale
Contrast & accessibility
Ag
AAAOn white
WCAG 11.02:1 · APCA Lc 95
Ag
FailOn black
WCAG 1.90:1 · APCA Lc 7
Best text color: #FFFFFF
WCAG 11.02:1 (AAA) · APCA Lc 95
Contrast pairs
Code snippets
CSS
:root {
--count-chocula: #5f2f15;
--count-chocula-rgb: 95 47 21;
--count-chocula-oklch: oklch(0.364 0.079 47);
}
.element {
color: var(--count-chocula);
background-color: hsl(21 64% 23%);
border-color: oklch(0.364 0.079 47);
}Tailwind CSS v4
@theme {
--color-count-chocula: #5f2f15;
--color-count-chocula-50: #ffefe2;
--color-count-chocula-100: #ffe1d1;
--color-count-chocula-200: #f2cbb7;
--color-count-chocula-300: #daac94;
--color-count-chocula-400: #c69076;
--color-count-chocula-500: #b27658;
--color-count-chocula-600: #96644b;
--color-count-chocula-700: #78503b;
--color-count-chocula-800: #59392b;
--color-count-chocula-900: #3f271d;
--color-count-chocula-950: #28150d;
}SCSS
$count-chocula: #5f2f15;
$count-chocula-rgb: 95, 47, 21;
$count-chocula-light: mix(#fff, $count-chocula, 20%);
$count-chocula-dark: mix(#000, $count-chocula, 20%);
.element {
color: $count-chocula;
box-shadow: 0 0 0 2px rgba($count-chocula, 0.35);
}