Cor nomeada mais próxima · #130B1C
#130B1C
Cor nomeada mais próxima: Corbeau
#130B1C (rgb(19 11 28), hsl(268 44% 8%), oklch(0.17 0.036 304.6)) é mais próxima da cor nomeada Corbeau. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#130B1C
oklch(0.17 0.036 304.6)
Conversões de cor
- HEX
- #130b1c
- RGB
- rgb(19 11 28)
- HSL
- hsl(268 44% 8%)
- HWB
- hwb(268 4% 89%)
- OKLCH
- oklch(0.17 0.036 304.6)
- OKLab
- oklab(0.17 0.02 -0.03)
- CIE Lab
- lab(4.11 5.66 -9.19)
- LCH
- lch(4.11 10.79 301.6)
- CMYK
- cmyk(32% 61% 0% 89%)
Tons claros · Sombras · Tons
Tons claros
- 261E2F
- 3A3343
- 504A58
- 66616E
- 7E7985
- 96939C
- B0ADB4
- C9C7CC
- E4E3E5
Sombras
- 0F0817
- 0B0612
- 07040D
- 050208
- 030105
- 010102
- 010001
- 000000
- 000000
Tons
- 1C1525
- 26202E
- 302B38
- 3B3642
- 46414C
- 514D56
- 5C5A60
- 68666B
- 747375
Harmonias de cor
Complementar +180°
- 130B1C
Corbeau
- 0C1202
≈ Memorial Black
Análoga -30° +30°
- 130B1C
Corbeau
- 0B0E1F
≈ Tristesse
- 190916
≈ Crow
Tríade +120° +240°
- 130B1C
Corbeau
- 1A0C01
≈ Balsamico
- 001411
≈ Black Glaze
Complementar dividida +150° +210°
- 130B1C
Corbeau
- 140F00
≈ Chinese Black
- 021408
≈ Jedi Night
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 19.22:1 · APCA Lc 106
Ag
FailSobre preto
WCAG 1.09:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 19.22:1 (AAA) · APCA Lc 106
Contrast pairs
Trechos de código
CSS
:root {
--corbeau: #130b1c;
--corbeau-rgb: 19 11 28;
--corbeau-oklch: oklch(0.17 0.036 304.6);
}
.element {
color: var(--corbeau);
background-color: hsl(268 44% 8%);
border-color: oklch(0.17 0.036 304.6);
}Tailwind CSS v4
@theme {
--color-corbeau: #130b1c;
--color-corbeau-50: #f8f3fe;
--color-corbeau-100: #ebe5f2;
--color-corbeau-200: #d8d1e1;
--color-corbeau-300: #bcb3c6;
--color-corbeau-400: #a399b0;
--color-corbeau-500: #8b819a;
--color-corbeau-600: #766d82;
--color-corbeau-700: #5e5768;
--color-corbeau-800: #45404d;
--color-corbeau-900: #2f2c35;
--color-corbeau-950: #1c1921;
}SCSS
$corbeau: #130b1c;
$corbeau-rgb: 19, 11, 28;
$corbeau-light: mix(#fff, $corbeau, 20%);
$corbeau-dark: mix(#000, $corbeau, 20%);
.element {
color: $corbeau;
box-shadow: 0 0 0 2px rgba($corbeau, 0.35);
}