Cor nomeada · #100C08
Smoky Black
Smoky Black é #100C08: rgb(16 12 8), hsl(30 33% 5%), oklch(0.158 0.011 67.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Smoky Black color name →
#100C08
oklch(0.158 0.011 67.8)
Conversões de cor
- HEX
- #100c08
- RGB
- rgb(16 12 8)
- HSL
- hsl(30 33% 5%)
- HWB
- hwb(30 3% 94%)
- OKLCH
- oklch(0.158 0.011 67.8)
- OKLab
- oklab(0.158 0.004 0.01)
- CIE Lab
- lab(3.56 0.92 2.05)
- LCH
- lch(3.56 2.24 65.8)
- CMYK
- cmyk(0% 25% 50% 94%)
Tons claros · Sombras · Tons
Tons claros
- 231F1B
- 383430
- 4D4A46
- 64615E
- 7C7977
- 959390
- AEADAB
- C9C7C6
- E4E3E2
Sombras
- 0C0906
- 090604
- 060403
- 040302
- 020201
- 010101
- 000000
- 000000
- 000000
Tons
- 1A1612
- 24201C
- 2E2B27
- 393633
- 44423F
- 4F4D4B
- 5B5A58
- 676665
- 747372
Harmonias de cor
Complementar +180°
- 100C08
Smoky Black
- 090D11
≈ Midnight Oil
Análoga -30° +30°
- 100C08
Smoky Black
- 110B09
≈ Stout
- 0E0D08
≈ Smoky Black
Tríade +120° +240°
- 100C08
Smoky Black
- 080E0E
≈ Dark Side of the Moon
- 0E0C10
≈ Black Sheep
Complementar dividida +150° +210°
- 100C08
Smoky Black
- 080E10
≈ Dark Side of the Moon
- 0C0C12
≈ Midnight Oil
Tétrade +90° +180° +270°
- 100C08
Smoky Black
- 090E0B
≈ Dark Side of the Moon
- 090D11
≈ Midnight Oil
- 100B0E
≈ Black Sheep
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 19.47:1 · APCA Lc 106
Ag
FailSobre preto
WCAG 1.07:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 19.47:1 (AAA) · APCA Lc 106
Contrast pairs
Trechos de código
CSS
:root {
--smoky-black: #100c08;
--smoky-black-rgb: 16 12 8;
--smoky-black-oklch: oklch(0.158 0.011 67.8);
}
.element {
color: var(--smoky-black);
background-color: hsl(30 33% 5%);
border-color: oklch(0.158 0.011 67.8);
}Tailwind CSS v4
@theme {
--color-smoky-black: #100c08;
--color-smoky-black-50: #f7f5f2;
--color-smoky-black-100: #eae7e4;
--color-smoky-black-200: #d7d3cf;
--color-smoky-black-300: #bbb6b1;
--color-smoky-black-400: #a39d98;
--color-smoky-black-500: #8b857f;
--color-smoky-black-600: #76716b;
--color-smoky-black-700: #5e5a56;
--color-smoky-black-800: #45423e;
--color-smoky-black-900: #302d2b;
--color-smoky-black-950: #1c1a18;
}SCSS
$smoky-black: #100c08;
$smoky-black-rgb: 16, 12, 8;
$smoky-black-light: mix(#fff, $smoky-black, 20%);
$smoky-black-dark: mix(#000, $smoky-black, 20%);
.element {
color: $smoky-black;
box-shadow: 0 0 0 2px rgba($smoky-black, 0.35);
}