Nearest named color · #66372B
#66372B
Nearest named color: Hairy Heath
#66372B (rgb(102 55 43), hsl(12 41% 28%), oklch(0.393 0.07 35.2)) is closest to the named color Hairy Heath. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#66372B
oklch(0.393 0.07 35.2)
Color conversions
- HEX
- #66372b
- RGB
- rgb(102 55 43)
- HSL
- hsl(12 41% 28%)
- HWB
- hwb(12 17% 60%)
- OKLCH
- oklch(0.393 0.07 35.2)
- OKLab
- oklab(0.393 0.057 0.041)
- CIE Lab
- lab(29.01 20.47 17.13)
- LCH
- lch(29.01 26.69 39.9)
- CMYK
- cmyk(0% 46% 58% 60%)
Tints · Shades · Tones
Tints
- 75493E
- 845C51
- 946F65
- A3827A
- B2968F
- C1AAA4
- D1BFBA
- E0D4D1
- EFE9E8
Shades
- 582E24
- 4A261D
- 3C1E16
- 2F1610
- 230F0A
- 170805
- 0C0302
- 040101
- 000000
Tones
- 693E33
- 6C463C
- 6F4D44
- 72544C
- 755B55
- 77635D
- 7A6A66
- 7C716E
- 7E7977
Color harmonies
Complementary +180°
- 66372B
Hairy Heath
- 004F5D
≈ Kali Blue
Analogous -30° +30°
- 66372B
Hairy Heath
- 653540
≈ Art Deco Red
- 5F3D18
≈ Cassiterite Brown
Triadic +120° +240°
- 66372B
Hairy Heath
- 225135
≈ Kaitoke Green
- 3B426B
≈ Port Gore
Split-complementary +150° +210°
- 66372B
Hairy Heath
- 00524B
≈ Myrtle Deep Green
- 224969
≈ Grape Blue
Tetradic +90° +180° +270°
- 66372B
Hairy Heath
- 3D4C1F
≈ Bronze Tone
- 004F5D
≈ Kali Blue
- 4F3B64
≈ Mulberry Purple
Contrast & accessibility
Ag
AAAOn white
WCAG 9.78:1 · APCA Lc 92
Ag
FailOn black
WCAG 2.14:1 · APCA Lc 10
Best text color: #FFFFFF
WCAG 9.78:1 (AAA) · APCA Lc 92
Contrast pairs
Code snippets
CSS
:root {
--hairy-heath: #66372b;
--hairy-heath-rgb: 102 55 43;
--hairy-heath-oklch: oklch(0.393 0.07 35.2);
}
.element {
color: var(--hairy-heath);
background-color: hsl(12 41% 28%);
border-color: oklch(0.393 0.07 35.2);
}Tailwind CSS v4
@theme {
--color-hairy-heath: #66372b;
--color-hairy-heath-50: #ffefe7;
--color-hairy-heath-100: #fee0d8;
--color-hairy-heath-200: #f0cbbf;
--color-hairy-heath-300: #d8ac9e;
--color-hairy-heath-400: #c49082;
--color-hairy-heath-500: #af7566;
--color-hairy-heath-600: #946357;
--color-hairy-heath-700: #774f45;
--color-hairy-heath-800: #583932;
--color-hairy-heath-900: #3e2722;
--color-hairy-heath-950: #271511;
}SCSS
$hairy-heath: #66372b;
$hairy-heath-rgb: 102, 55, 43;
$hairy-heath-light: mix(#fff, $hairy-heath, 20%);
$hairy-heath-dark: mix(#000, $hairy-heath, 20%);
.element {
color: $hairy-heath;
box-shadow: 0 0 0 2px rgba($hairy-heath, 0.35);
}