Cor nomeada mais próxima · #0D0806
#0D0806
Cor nomeada mais próxima: Liquorice
#0D0806 (rgb(13 8 6), hsl(17 37% 4%), oklch(0.141 0.011 47.1)) é mais próxima da cor nomeada Liquorice. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#0D0806
oklch(0.141 0.011 47.1)
Conversões de cor
- HEX
- #0d0806
- RGB
- rgb(13 8 6)
- HSL
- hsl(17 37% 4%)
- HWB
- hwb(17 2% 95%)
- OKLCH
- oklch(0.141 0.011 47.1)
- OKLab
- oklab(0.141 0.007 0.008)
- CIE Lab
- lab(2.48 1.22 1.27)
- LCH
- lch(2.48 1.76 46.2)
- CMYK
- cmyk(0% 38% 54% 95%)
Tons claros · Sombras · Tons
Tons claros
- 201B18
- 35302D
- 4B4644
- 625E5C
- 7A7675
- 93908F
- ADABAA
- C8C6C5
- E3E2E2
Sombras
- 0A0604
- 070403
- 050302
- 030201
- 020101
- 010100
- 000000
- 000000
- 000000
Tons
- 17120F
- 211C1A
- 2C2725
- 373331
- 423F3D
- 4E4B4A
- 5A5857
- 676564
- 737272
Harmonias de cor
Complementar +180°
- 0D0806
Liquorice
- 050A0D
≈ Existential Angst
Análoga -30° +30°
- 0D0806
Liquorice
- 0D0808
≈ Chyornyi Black
- 0C0905
≈ Badab Black Wash
Tríade +120° +240°
- 0D0806
Liquorice
- 060B08
≈ Existential Angst
- 09090D
≈ Existential Angst
Complementar dividida +150° +210°
- 0D0806
Liquorice
- 050B0B
≈ Dark Side of the Moon
- 07090E
≈ Existential Angst
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 19.91:1 · APCA Lc 106
Ag
FailSobre preto
WCAG 1.05:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 19.91:1 (AAA) · APCA Lc 106
Contrast pairs
Trechos de código
CSS
:root {
--liquorice: #0d0806;
--liquorice-rgb: 13 8 6;
--liquorice-oklch: oklch(0.141 0.011 47.1);
}
.element {
color: var(--liquorice);
background-color: hsl(17 37% 4%);
border-color: oklch(0.141 0.011 47.1);
}Tailwind CSS v4
@theme {
--color-liquorice: #0d0806;
--color-liquorice-50: #f8f4f2;
--color-liquorice-100: #ebe7e5;
--color-liquorice-200: #d8d3d0;
--color-liquorice-300: #bcb6b3;
--color-liquorice-400: #a49d99;
--color-liquorice-500: #8d8480;
--color-liquorice-600: #77706d;
--color-liquorice-700: #5f5957;
--color-liquorice-800: #46413f;
--color-liquorice-900: #302d2c;
--color-liquorice-950: #1c1a19;
}SCSS
$liquorice: #0d0806;
$liquorice-rgb: 13, 8, 6;
$liquorice-light: mix(#fff, $liquorice, 20%);
$liquorice-dark: mix(#000, $liquorice, 20%);
.element {
color: $liquorice;
box-shadow: 0 0 0 2px rgba($liquorice, 0.35);
}