Cor nomeada mais próxima · #120C09
#120C09
Cor nomeada mais próxima: Blackout
#120C09 (rgb(18 12 9), hsl(20 33% 5%), oklch(0.161 0.012 48.2)) é mais próxima da cor nomeada Blackout. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#120C09
oklch(0.161 0.012 48.2)
Conversões de cor
- HEX
- #120c09
- RGB
- rgb(18 12 9)
- HSL
- hsl(20 33% 5%)
- HWB
- hwb(20 4% 93%)
- OKLCH
- oklch(0.161 0.012 48.2)
- OKLab
- oklab(0.161 0.008 0.009)
- CIE Lab
- lab(3.75 1.8 1.94)
- LCH
- lch(3.75 2.65 47.2)
- CMYK
- cmyk(0% 33% 50% 93%)
Tons claros · Sombras · Tons
Tons claros
- 251F1C
- 3A3431
- 4F4A47
- 66615F
- 7E7977
- 969391
- AFADAB
- C9C7C7
- E4E3E2
Sombras
- 0E0907
- 0A0605
- 070403
- 040302
- 020201
- 010101
- 010000
- 000000
- 000000
Tons
- 1C1613
- 25201D
- 302B28
- 3A3634
- 454240
- 514D4C
- 5C5A58
- 686665
- 747373
Harmonias de cor
Complementar +180°
- 120C09
Blackout
- 080F12
≈ Dark Side of the Moon
Análoga -30° +30°
- 120C09
Blackout
- 120B0B
≈ Stout
- 100D08
≈ Smoky Black
Tríade +120° +240°
- 120C09
Blackout
- 080F0C
≈ Dark Side of the Moon
- 0D0D13
≈ Midnight Oil
Complementar dividida +150° +210°
- 120C09
Blackout
- 070F0F
≈ Dark Side of the Moon
- 0A0E13
≈ Midnight Oil
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 19.40:1 · APCA Lc 106
Ag
FailSobre preto
WCAG 1.08:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 19.40:1 (AAA) · APCA Lc 106
Contrast pairs
Trechos de código
CSS
:root {
--blackout: #120c09;
--blackout-rgb: 18 12 9;
--blackout-oklch: oklch(0.161 0.012 48.2);
}
.element {
color: var(--blackout);
background-color: hsl(20 33% 5%);
border-color: oklch(0.161 0.012 48.2);
}Tailwind CSS v4
@theme {
--color-blackout: #120c09;
--color-blackout-50: #f8f4f2;
--color-blackout-100: #ebe7e4;
--color-blackout-200: #d9d3d0;
--color-blackout-300: #bdb6b2;
--color-blackout-400: #a59c98;
--color-blackout-500: #8d847f;
--color-blackout-600: #78706c;
--color-blackout-700: #605956;
--color-blackout-800: #46413f;
--color-blackout-900: #312d2b;
--color-blackout-950: #1d1a19;
}SCSS
$blackout: #120c09;
$blackout-rgb: 18, 12, 9;
$blackout-light: mix(#fff, $blackout, 20%);
$blackout-dark: mix(#000, $blackout, 20%);
.element {
color: $blackout;
box-shadow: 0 0 0 2px rgba($blackout, 0.35);
}