Couleur nommée la plus proche · #241C14
#241C14
Couleur nommée la plus proche: Burnt Coffee
#241C14 (rgb(36 28 20), hsl(30 29% 11%), oklch(0.233 0.019 66.6)) est la plus proche de la couleur nommée Burnt Coffee. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#241C14
oklch(0.233 0.019 66.6)
Conversions de couleur
- HEX
- #241c14
- RGB
- rgb(36 28 20)
- HSL
- hsl(30 29% 11%)
- HWB
- hwb(30 8% 86%)
- OKLCH
- oklch(0.233 0.019 66.6)
- OKLab
- oklab(0.233 0.008 0.018)
- CIE Lab
- lab(11.05 2.93 7.02)
- LCH
- lch(11.05 7.61 67.4)
- CMYK
- cmyk(0% 22% 44% 86%)
Teintes · Ombres · Tons
Teintes
- 362F27
- 4A433C
- 5E5851
- 736D68
- 89847F
- A09B97
- B7B3B0
- CECCCA
- E6E5E4
Ombres
- 1E1710
- 18120C
- 120D08
- 0C0805
- 070503
- 040201
- 020101
- 000000
- 000000
Tons
- 2C251E
- 352E27
- 3E3832
- 47413C
- 504B47
- 595552
- 63605D
- 6C6A68
- 767574
Harmonies de couleurs
Complémentaire +180°
- 241C14
Burnt Coffee
- 161F26
≈ Satin Deep Black
Analogue -30° +30°
- 241C14
Burnt Coffee
- 261B17
≈ Dark Orchestra
- 201E13
≈ Burnt Coffee
Triadique +120° +240°
- 241C14
Burnt Coffee
- 13211F
≈ Black Feather
- 201B25
≈ Night Demons
Complémentaire divisée +150° +210°
- 241C14
Burnt Coffee
- 132024
≈ Black Feather
- 1B1D27
≈ Coarse Wool
Tétradique +90° +180° +270°
- 241C14
Burnt Coffee
- 16211A
≈ Black Emerald
- 161F26
≈ Satin Deep Black
- 241A21
≈ Kurobeni
Contraste et accessibilité
Ag
AAASur blanc
WCAG 16.78:1 · APCA Lc 104
Ag
FailSur noir
WCAG 1.25:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 16.78:1 (AAA) · APCA Lc 104
Contrast pairs
Extraits de code
CSS
:root {
--burnt-coffee: #241c14;
--burnt-coffee-rgb: 36 28 20;
--burnt-coffee-oklch: oklch(0.233 0.019 66.6);
}
.element {
color: var(--burnt-coffee);
background-color: hsl(30 29% 11%);
border-color: oklch(0.233 0.019 66.6);
}Tailwind CSS v4
@theme {
--color-burnt-coffee: #241c14;
--color-burnt-coffee-50: #f9f4ef;
--color-burnt-coffee-100: #ece7e1;
--color-burnt-coffee-200: #dad3cc;
--color-burnt-coffee-300: #beb6ad;
--color-burnt-coffee-400: #a79c93;
--color-burnt-coffee-500: #8f8479;
--color-burnt-coffee-600: #797066;
--color-burnt-coffee-700: #615952;
--color-burnt-coffee-800: #47413c;
--color-burnt-coffee-900: #312d29;
--color-burnt-coffee-950: #1d1a17;
}SCSS
$burnt-coffee: #241c14;
$burnt-coffee-rgb: 36, 28, 20;
$burnt-coffee-light: mix(#fff, $burnt-coffee, 20%);
$burnt-coffee-dark: mix(#000, $burnt-coffee, 20%);
.element {
color: $burnt-coffee;
box-shadow: 0 0 0 2px rgba($burnt-coffee, 0.35);
}