Cor nomeada mais próxima · #1F0A0D
#1F0A0D
Cor nomeada mais próxima: Italian Roast
#1F0A0D (rgb(31 10 13), hsl(351 51% 8%), oklch(0.18 0.037 12.5)) é mais próxima da cor nomeada Italian Roast. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#1F0A0D
oklch(0.18 0.037 12.5)
Conversões de cor
- HEX
- #1f0a0d
- RGB
- rgb(31 10 13)
- HSL
- hsl(351 51% 8%)
- HWB
- hwb(351 4% 88%)
- OKLCH
- oklch(0.18 0.037 12.5)
- OKLab
- oklab(0.18 0.036 0.008)
- CIE Lab
- lab(4.94 9.88 2.18)
- LCH
- lch(4.94 10.12 12.4)
- CMYK
- cmyk(0% 68% 58% 88%)
Tons claros · Sombras · Tons
Tons claros
- 331E20
- 473335
- 5C494B
- 716162
- 88797A
- 9F9293
- B6ACAD
- CEC7C8
- E6E3E3
Sombras
- 19070A
- 140507
- 0F0305
- 0A0203
- 060102
- 030101
- 010000
- 000000
- 000000
Tons
- 281417
- 321F21
- 3B2A2C
- 453537
- 4E4142
- 584D4E
- 62595A
- 6C6666
- 767373
Harmonias de cor
Complementar +180°
- 1F0A0D
Italian Roast
- 001615
≈ Black Glaze
Análoga -30° +30°
- 1F0A0D
Italian Roast
- 1C0A16
≈ Shot in the Dark
- 1F0B05
≈ Severely Burnt Toast
Tríade +120° +240°
- 1F0A0D
Italian Roast
- 0B1504
≈ Oil Slick
- 051221
≈ Kuretake Black Manga
Complementar dividida +150° +210°
- 1F0A0D
Italian Roast
- 01160D
≈ Jedi Night
- 00151C
≈ Creeping Death
Tétrade +90° +180° +270°
- 1F0A0D
Italian Roast
- 151200
≈ Chinese Black
- 001615
≈ Black Glaze
- 0F0F21
≈ Corbeau
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 18.96:1 · APCA Lc 105
Ag
FailSobre preto
WCAG 1.10:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 18.96:1 (AAA) · APCA Lc 105
Contrast pairs
Trechos de código
CSS
:root {
--italian-roast: #1f0a0d;
--italian-roast-rgb: 31 10 13;
--italian-roast-oklch: oklch(0.18 0.037 12.5);
}
.element {
color: var(--italian-roast);
background-color: hsl(351 51% 8%);
border-color: oklch(0.18 0.037 12.5);
}Tailwind CSS v4
@theme {
--color-italian-roast: #1f0a0d;
--color-italian-roast-50: #fff1f2;
--color-italian-roast-100: #f4e3e4;
--color-italian-roast-200: #e4cecf;
--color-italian-roast-300: #c9b0b1;
--color-italian-roast-400: #b39698;
--color-italian-roast-500: #9d7d7f;
--color-italian-roast-600: #856a6c;
--color-italian-roast-700: #6a5456;
--color-italian-roast-800: #4e3d3f;
--color-italian-roast-900: #362a2c;
--color-italian-roast-950: #211819;
}SCSS
$italian-roast: #1f0a0d;
$italian-roast-rgb: 31, 10, 13;
$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);
}