Nearest named color · #422C18
#422C18
Nearest named color: Café Noir
#422C18 (rgb(66 44 24), hsl(29 47% 18%), oklch(0.314 0.046 62.2)) is closest to the named color Café Noir. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#422C18
oklch(0.314 0.046 62.2)
Color conversions
- HEX
- #422c18
- RGB
- rgb(66 44 24)
- HSL
- hsl(29 47% 18%)
- HWB
- hwb(29 9% 74%)
- OKLCH
- oklch(0.314 0.046 62.2)
- OKLab
- oklab(0.314 0.021 0.04)
- CIE Lab
- lab(20.33 8.56 17.13)
- LCH
- lch(20.33 19.15 63.4)
- CMYK
- cmyk(0% 33% 64% 74%)
Tints · Shades · Tones
Tints
- 533E2C
- 655141
- 776556
- 897A6D
- 9C8F83
- AFA49B
- C3BAB3
- D6D1CC
- EBE8E5
Shades
- 382513
- 2F1E0F
- 25170A
- 1C1107
- 140A04
- 0B0502
- 050201
- 010100
- 000000
Tones
- 483422
- 4E3C2C
- 544436
- 5B4C40
- 61554A
- 675D55
- 6D665F
- 736E6A
- 7A7775
Color harmonies
Complementary +180°
- 422C18
Café Noir
- 1B3447
≈ Blue Whale
Analogous -30° +30°
- 422C18
Café Noir
- 462923
≈ Polished Mahogany
- 3A3114
≈ Pullman Green
Triadic +120° +240°
- 422C18
Café Noir
- 113933
≈ Night Turquoise
- 362C45
≈ Obsidian Lava Black
Split-complementary +150° +210°
- 422C18
Café Noir
- 0F373F
≈ Firmament Blue
- 293049
≈ Ahoy
Tetradic +90° +180° +270°
- 422C18
Café Noir
- 1F3826
≈ Deep Fir
- 1B3447
≈ Blue Whale
- 3F293C
≈ Rare Wine
Contrast & accessibility
Ag
AAAOn white
WCAG 13.08:1 · APCA Lc 99
Ag
FailOn black
WCAG 1.60:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 13.08:1 (AAA) · APCA Lc 99
Contrast pairs
Code snippets
CSS
:root {
--cafe-noir: #422c18;
--cafe-noir-rgb: 66 44 24;
--cafe-noir-oklch: oklch(0.314 0.046 62.2);
}
.element {
color: var(--cafe-noir);
background-color: hsl(29 47% 18%);
border-color: oklch(0.314 0.046 62.2);
}Tailwind CSS v4
@theme {
--color-cafe-noir: #422c18;
--color-cafe-noir-50: #fff3e8;
--color-cafe-noir-100: #f3e5d9;
--color-cafe-noir-200: #e3d1c1;
--color-cafe-noir-300: #c9b3a0;
--color-cafe-noir-400: #b39983;
--color-cafe-noir-500: #9d8067;
--color-cafe-noir-600: #846c58;
--color-cafe-noir-700: #6a5746;
--color-cafe-noir-800: #4e3f33;
--color-cafe-noir-900: #372b22;
--color-cafe-noir-950: #211911;
}SCSS
$cafe-noir: #422c18;
$cafe-noir-rgb: 66, 44, 24;
$cafe-noir-light: mix(#fff, $cafe-noir, 20%);
$cafe-noir-dark: mix(#000, $cafe-noir, 20%);
.element {
color: $cafe-noir;
box-shadow: 0 0 0 2px rgba($cafe-noir, 0.35);
}