Couleur nommée la plus proche · #4B3324
#4B3324
Couleur nommée la plus proche: Café Noir
#4B3324 (rgb(75 51 36), hsl(23 35% 22%), oklch(0.345 0.043 52.8)) est la plus proche de la couleur nommée Café Noir. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#4B3324
oklch(0.345 0.043 52.8)
Conversions de couleur
- HEX
- #4b3324
- RGB
- rgb(75 51 36)
- HSL
- hsl(23 35% 22%)
- HWB
- hwb(23 14% 71%)
- OKLCH
- oklch(0.345 0.043 52.8)
- OKLab
- oklab(0.345 0.026 0.034)
- CIE Lab
- lab(23.82 9.63 14.05)
- LCH
- lch(23.82 17.04 55.6)
- CMYK
- cmyk(0% 32% 52% 71%)
Teintes · Ombres · Tons
Teintes
- 5C4537
- 6C574B
- 7E6B5F
- 8F7E74
- A1938A
- B3A7A0
- C6BDB7
- D9D2CF
- ECE9E7
Ombres
- 402B1E
- 352318
- 2B1C12
- 21140C
- 170D07
- 0E0704
- 060302
- 020100
- 000000
Tons
- 503A2D
- 564236
- 5B493E
- 605147
- 665851
- 6B605A
- 706863
- 75706D
- 7B7876
Harmonies de couleurs
Complémentaire +180°
- 4B3324
Café Noir
- 213D4C
≈ Tarawera
Analogue -30° +30°
- 4B3324
Café Noir
- 4D302F
≈ Espresso
- 44371E
≈ Lisbon Brown
Triadique +120° +240°
- 4B3324
Café Noir
- 204137
≈ English Holly
- 3A354E
≈ Caddies Silk
Complémentaire divisée +150° +210°
- 4B3324
Café Noir
- 1A4043
≈ Pine Hollow
- 2D3950
≈ Cool Air of Debonair
Tétradique +90° +180° +270°
- 4B3324
Café Noir
- 2C3F2B
≈ English Holly
- 213D4C
≈ Tarawera
- 443246
≈ Voodoo
Contraste et accessibilité
Ag
AAASur blanc
WCAG 11.67:1 · APCA Lc 97
Ag
FailSur noir
WCAG 1.79:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 11.67:1 (AAA) · APCA Lc 97
Contrast pairs
Extraits de code
CSS
:root {
--cafe-noir: #4b3324;
--cafe-noir-rgb: 75 51 36;
--cafe-noir-oklch: oklch(0.345 0.043 52.8);
}
.element {
color: var(--cafe-noir);
background-color: hsl(23 35% 22%);
border-color: oklch(0.345 0.043 52.8);
}Tailwind CSS v4
@theme {
--color-cafe-noir: #4b3324;
--color-cafe-noir-50: #fff2ea;
--color-cafe-noir-100: #f4e5db;
--color-cafe-noir-200: #e3d0c3;
--color-cafe-noir-300: #cab2a3;
--color-cafe-noir-400: #b49887;
--color-cafe-noir-500: #9e7f6c;
--color-cafe-noir-600: #856b5c;
--color-cafe-noir-700: #6b5649;
--color-cafe-noir-800: #4f3e35;
--color-cafe-noir-900: #372b24;
--color-cafe-noir-950: #221813;
}SCSS
$cafe-noir: #4b3324;
$cafe-noir-rgb: 75, 51, 36;
$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);
}