Cor nomeada mais próxima · #0E0916
#0E0916
Cor nomeada mais próxima: Obsidian Shard
#0E0916 (rgb(14 9 22), hsl(263 42% 6%), oklch(0.154 0.028 300.9)) é mais próxima da cor nomeada Obsidian Shard. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#0E0916
oklch(0.154 0.028 300.9)
Conversões de cor
- HEX
- #0e0916
- RGB
- rgb(14 9 22)
- HSL
- hsl(263 42% 6%)
- HWB
- hwb(263 4% 91%)
- OKLCH
- oklch(0.154 0.028 300.9)
- OKLab
- oklab(0.154 0.014 -0.024)
- CIE Lab
- lab(3.09 3.29 -6.1)
- LCH
- lch(3.09 6.93 298.4)
- CMYK
- cmyk(36% 59% 0% 91%)
Tons claros · Sombras · Tons
Tons claros
- 211C29
- 35313E
- 4B4753
- 625F69
- 7B7881
- 949199
- ADACB1
- C8C7CB
- E3E3E5
Sombras
- 0B0712
- 07050D
- 050309
- 030206
- 020103
- 010102
- 000001
- 000000
- 000000
Tons
- 18131F
- 221E29
- 2C2933
- 37343D
- 434048
- 4E4C53
- 5A595E
- 676569
- 737374
Harmonias de cor
Complementar +180°
- 0E0916
Obsidian Shard
- 0A0E02
≈ Whiten’t
Análoga -30° +30°
- 0E0916
Obsidian Shard
- 080B18
≈ Dark Rift
- 130811
≈ Noir Fiction
Tríade +120° +240°
- 0E0916
Obsidian Shard
- 140902
≈ Asphalt
- 00100D
≈ Black Glaze
Complementar dividida +150° +210°
- 0E0916
Obsidian Shard
- 100B01
≈ Balsam of Peru
- 040F06
≈ Alpine Salamander
Tétrade +90° +180° +270°
- 0E0916
Obsidian Shard
- 160705
≈ Asphalt
- 0A0E02
≈ Whiten’t
- 000F12
≈ Black Glaze
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 19.63:1 · APCA Lc 106
Ag
FailSobre preto
WCAG 1.06:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 19.63:1 (AAA) · APCA Lc 106
Contrast pairs
Trechos de código
CSS
:root {
--obsidian-shard: #0e0916;
--obsidian-shard-rgb: 14 9 22;
--obsidian-shard-oklch: oklch(0.154 0.028 300.9);
}
.element {
color: var(--obsidian-shard);
background-color: hsl(263 42% 6%);
border-color: oklch(0.154 0.028 300.9);
}Tailwind CSS v4
@theme {
--color-obsidian-shard: #0e0916;
--color-obsidian-shard-50: #f7f3fc;
--color-obsidian-shard-100: #e9e6f0;
--color-obsidian-shard-200: #d6d2de;
--color-obsidian-shard-300: #bab4c4;
--color-obsidian-shard-400: #a19bad;
--color-obsidian-shard-500: #898296;
--color-obsidian-shard-600: #746e7f;
--color-obsidian-shard-700: #5d5866;
--color-obsidian-shard-800: #43404b;
--color-obsidian-shard-900: #2f2c34;
--color-obsidian-shard-950: #1b191f;
}SCSS
$obsidian-shard: #0e0916;
$obsidian-shard-rgb: 14, 9, 22;
$obsidian-shard-light: mix(#fff, $obsidian-shard, 20%);
$obsidian-shard-dark: mix(#000, $obsidian-shard, 20%);
.element {
color: $obsidian-shard;
box-shadow: 0 0 0 2px rgba($obsidian-shard, 0.35);
}