Couleur nommée la plus proche · #1D090C
#1D090C
Couleur nommée la plus proche: Italian Roast
#1D090C (rgb(29 9 12), hsl(351 53% 7%), oklch(0.173 0.035 11.9)) est la plus proche de la couleur nommée Italian Roast. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#1D090C
oklch(0.173 0.035 11.9)
Conversions de couleur
- HEX
- #1d090c
- RGB
- rgb(29 9 12)
- HSL
- hsl(351 53% 7%)
- HWB
- hwb(351 4% 89%)
- OKLCH
- oklch(0.173 0.035 11.9)
- OKLab
- oklab(0.173 0.034 0.007)
- CIE Lab
- lab(4.44 8.87 1.88)
- LCH
- lch(4.44 9.06 11.9)
- CMYK
- cmyk(0% 69% 59% 89%)
Teintes · Ombres · Tons
Teintes
- 311D1F
- 453234
- 5A484A
- 706061
- 867879
- 9D9293
- B5ACAD
- CDC7C7
- E6E3E3
Ombres
- 180709
- 130506
- 0E0304
- 090203
- 050102
- 030101
- 010000
- 000000
- 000000
Tons
- 261316
- 301E20
- 3A292B
- 433536
- 4D4042
- 574D4D
- 61595A
- 6B6666
- 767373
Harmonies de couleurs
Complémentaire +180°
- 1D090C
Italian Roast
- 001413
≈ Black Glaze
Analogue -30° +30°
- 1D090C
Italian Roast
- 1A0914
≈ Crow
- 1D0A04
≈ Soy Sauce
Triadique +120° +240°
- 1D090C
Italian Roast
- 0A1304
≈ Memorial Black
- 05111F
≈ Kuretake Black Manga
Complémentaire divisée +150° +210°
- 1D090C
Italian Roast
- 01150B
≈ Jedi Night
- 00131A
≈ Black Glaze
Tétradique +90° +180° +270°
- 1D090C
Italian Roast
- 131000
≈ Chinese Black
- 001413
≈ Black Glaze
- 0E0E1F
≈ Tristesse
Contraste et accessibilité
Ag
AAASur blanc
WCAG 19.14:1 · APCA Lc 105
Ag
FailSur noir
WCAG 1.09:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 19.14:1 (AAA) · APCA Lc 105
Contrast pairs
Extraits de code
CSS
:root {
--italian-roast: #1d090c;
--italian-roast-rgb: 29 9 12;
--italian-roast-oklch: oklch(0.173 0.035 11.9);
}
.element {
color: var(--italian-roast);
background-color: hsl(351 53% 7%);
border-color: oklch(0.173 0.035 11.9);
}Tailwind CSS v4
@theme {
--color-italian-roast: #1d090c;
--color-italian-roast-50: #fff1f2;
--color-italian-roast-100: #f3e3e4;
--color-italian-roast-200: #e3ced0;
--color-italian-roast-300: #c9b0b2;
--color-italian-roast-400: #b29699;
--color-italian-roast-500: #9c7d80;
--color-italian-roast-600: #846a6c;
--color-italian-roast-700: #6a5557;
--color-italian-roast-800: #4e3e3f;
--color-italian-roast-900: #362a2c;
--color-italian-roast-950: #211819;
}SCSS
$italian-roast: #1d090c;
$italian-roast-rgb: 29, 9, 12;
$italian-roast-light: mix(#fff, $italian-roast, 20%);
$italian-roast-dark: mix(#000, $italian-roast, 20%);
.element {
color: $italian-roast;
box-shadow: 0 0 0 2px rgba($italian-roast, 0.35);
}