Couleur nommée la plus proche · #4E3617
#4E3617
Couleur nommée la plus proche: Café Noir
#4E3617 (rgb(78 54 23), hsl(34 54% 20%), oklch(0.353 0.057 71.1)) 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.
#4E3617
oklch(0.353 0.057 71.1)
Conversions de couleur
- HEX
- #4e3617
- RGB
- rgb(78 54 23)
- HSL
- hsl(34 54% 20%)
- HWB
- hwb(34 9% 69%)
- OKLCH
- oklch(0.353 0.057 71.1)
- OKLab
- oklab(0.353 0.018 0.054)
- CIE Lab
- lab(24.93 8.36 23.49)
- LCH
- lch(24.93 24.93 70.4)
- CMYK
- cmyk(0% 31% 71% 69%)
Teintes · Ombres · Tons
Teintes
- 5E482D
- 6F5A42
- 806D58
- 91816E
- A39585
- B5A99C
- C7BEB4
- D9D3CD
- ECE9E6
Ombres
- 432E12
- 38250E
- 2D1E0A
- 231606
- 190F04
- 0F0802
- 070301
- 020100
- 000000
Tons
- 533D22
- 58442D
- 5D4C37
- 625341
- 675A4B
- 6C6256
- 716960
- 76716B
- 7B7875
Harmonies de couleurs
Complémentaire +180°
- 4E3617
Café Noir
- 243D58
≈ Integrity
Analogue -30° +30°
- 4E3617
Café Noir
- 543124
≈ Wild Boar
- 423C16
≈ Camouflage
Triadique +120° +240°
- 4E3617
Café Noir
- 094543
≈ Cyprus
- 453351
≈ Devil’s Plum
Complémentaire divisée +150° +210°
- 4E3617
Café Noir
- 104250
≈ Cold and Dark
- 363859
≈ Very Blue
Tétradique +90° +180° +270°
- 4E3617
Café Noir
- 1C4532
≈ Sherwood Green
- 243D58
≈ Integrity
- 4F2F44
≈ Potent Purple
Contraste et accessibilité
Ag
AAASur blanc
WCAG 11.26:1 · APCA Lc 96
Ag
FailSur noir
WCAG 1.86:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 11.26:1 (AAA) · APCA Lc 96
Contrast pairs
Extraits de code
CSS
:root {
--cafe-noir: #4e3617;
--cafe-noir-rgb: 78 54 23;
--cafe-noir-oklch: oklch(0.353 0.057 71.1);
}
.element {
color: var(--cafe-noir);
background-color: hsl(34 54% 20%);
border-color: oklch(0.353 0.057 71.1);
}Tailwind CSS v4
@theme {
--color-cafe-noir: #4e3617;
--color-cafe-noir-50: #fff3e4;
--color-cafe-noir-100: #f4e5d4;
--color-cafe-noir-200: #e4d1ba;
--color-cafe-noir-300: #cab398;
--color-cafe-noir-400: #b4997a;
--color-cafe-noir-500: #9e805c;
--color-cafe-noir-600: #866d4f;
--color-cafe-noir-700: #6b573e;
--color-cafe-noir-800: #4f3f2d;
--color-cafe-noir-900: #372b1e;
--color-cafe-noir-950: #22190e;
}SCSS
$cafe-noir: #4e3617;
$cafe-noir-rgb: 78, 54, 23;
$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);
}