Nearest named color · #483826
#483826
Nearest named color: Café Noir
#483826 (rgb(72 56 38), hsl(32 31% 22%), oklch(0.353 0.037 69.5)) is closest to the named color Café Noir. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#483826
oklch(0.353 0.037 69.5)
Color conversions
- HEX
- #483826
- RGB
- rgb(72 56 38)
- HSL
- hsl(32 31% 22%)
- HWB
- hwb(32 15% 72%)
- OKLCH
- oklch(0.353 0.037 69.5)
- OKLab
- oklab(0.353 0.013 0.034)
- CIE Lab
- lab(24.93 5.24 14.1)
- LCH
- lch(24.93 15.04 69.6)
- CMYK
- cmyk(0% 22% 47% 72%)
Tints · Shades · Tones
Tints
- 594939
- 695C4D
- 7B6E61
- 8D8276
- 9F958B
- B1AAA1
- C4BEB8
- D8D4CF
- EBE9E7
Shades
- 3D2F20
- 332719
- 291F13
- 1F170D
- 160F08
- 0D0804
- 060402
- 020101
- 000000
Tones
- 4D3F2F
- 534637
- 584D40
- 5E5449
- 645B52
- 69625B
- 6F6A64
- 75716D
- 7A7877
Color harmonies
Complementary +180°
- 483826
Café Noir
- 2C3D4E
≈ Blue Fantastic
Analogous -30° +30°
- 483826
Café Noir
- 4C352D
≈ Peat Moss
- 403C25
≈ Scorched Metal
Triadic +120° +240°
- 483826
Café Noir
- 23423F
≈ Pine Hollow
- 41364A
≈ Call It a Night
Split-complementary +150° +210°
- 483826
Café Noir
- 244049
≈ Bay Isle Pointe
- 37394F
≈ Old Mill
Tetradic +90° +180° +270°
- 483826
Café Noir
- 2A4135
≈ English Holly
- 2C3D4E
≈ Blue Fantastic
- 493442
≈ Red Onion
Contrast & accessibility
Ag
AAAOn white
WCAG 11.23:1 · APCA Lc 96
Ag
FailOn black
WCAG 1.86:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 11.23:1 (AAA) · APCA Lc 96
Contrast pairs
Code snippets
CSS
:root {
--cafe-noir: #483826;
--cafe-noir-rgb: 72 56 38;
--cafe-noir-oklch: oklch(0.353 0.037 69.5);
}
.element {
color: var(--cafe-noir);
background-color: hsl(32 31% 22%);
border-color: oklch(0.353 0.037 69.5);
}Tailwind CSS v4
@theme {
--color-cafe-noir: #483826;
--color-cafe-noir-50: #fcf4ea;
--color-cafe-noir-100: #f0e6db;
--color-cafe-noir-200: #ded2c4;
--color-cafe-noir-300: #c4b5a3;
--color-cafe-noir-400: #ad9b87;
--color-cafe-noir-500: #97826c;
--color-cafe-noir-600: #7f6e5c;
--color-cafe-noir-700: #665849;
--color-cafe-noir-800: #4b4035;
--color-cafe-noir-900: #342c24;
--color-cafe-noir-950: #201913;
}SCSS
$cafe-noir: #483826;
$cafe-noir-rgb: 72, 56, 38;
$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);
}