Cor nomeada mais próxima · #010E10
#010E10
Cor nomeada mais próxima: Black Stallion
#010E10 (rgb(1 14 16), hsl(188 88% 3%), oklch(0.151 0.023 205.6)) é mais próxima da cor nomeada Black Stallion. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#010E10
oklch(0.151 0.023 205.6)
Conversões de cor
- HEX
- #010e10
- RGB
- rgb(1 14 16)
- HSL
- hsl(188 88% 3%)
- HWB
- hwb(188 0% 94%)
- OKLCH
- oklch(0.151 0.023 205.6)
- OKLab
- oklab(0.151 -0.021 -0.01)
- CIE Lab
- lab(3.19 -3.39 -2.3)
- LCH
- lch(3.19 4.09 214.2)
- CMYK
- cmyk(94% 12% 0% 94%)
Tons claros · Sombras · Tons
Tons claros
- 122123
- 283638
- 3F4C4D
- 586364
- 717B7C
- 8C9495
- A8AEAE
- C4C8C9
- E1E3E4
Sombras
- 010B0C
- 010709
- 000506
- 000304
- 000202
- 000101
- 000000
- 000000
- 000000
Tons
- 09181A
- 152224
- 212D2E
- 2D3839
- 3A4344
- 484F50
- 555B5B
- 636767
- 717374
Harmonias de cor
Complementar +180°
- 010E10
Black Stallion
- 140707
≈ Knight Rider
Análoga -30° +30°
- 010E10
Black Stallion
- 020E0B
≈ Alpine Salamander
- 030D14
≈ Dark Rift
Tríade +120° +240°
- 010E10
Black Stallion
- 100811
≈ Noir Fiction
- 100A02
≈ Blackout
Complementar dividida +150° +210°
- 010E10
Black Stallion
- 13070C
≈ Noir Fiction
- 130903
≈ Asphalt
Tétrade +90° +180° +270°
- 010E10
Black Stallion
- 0C0914
≈ Narwhal Grey
- 140707
≈ Knight Rider
- 0B0C03
≈ Whiten’t
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 19.59:1 · APCA Lc 106
Ag
FailSobre preto
WCAG 1.07:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 19.59:1 (AAA) · APCA Lc 106
Contrast pairs
Trechos de código
CSS
:root {
--black-stallion: #010e10;
--black-stallion-rgb: 1 14 16;
--black-stallion-oklch: oklch(0.151 0.023 205.6);
}
.element {
color: var(--black-stallion);
background-color: hsl(188 88% 3%);
border-color: oklch(0.151 0.023 205.6);
}Tailwind CSS v4
@theme {
--color-black-stallion: #010e10;
--color-black-stallion-50: #eef7f8;
--color-black-stallion-100: #dfeaec;
--color-black-stallion-200: #c9d7d9;
--color-black-stallion-300: #aabbbd;
--color-black-stallion-400: #8fa3a5;
--color-black-stallion-500: #758b8e;
--color-black-stallion-600: #637678;
--color-black-stallion-700: #4f5e60;
--color-black-stallion-800: #394546;
--color-black-stallion-900: #273030;
--color-black-stallion-950: #151c1d;
}SCSS
$black-stallion: #010e10;
$black-stallion-rgb: 1, 14, 16;
$black-stallion-light: mix(#fff, $black-stallion, 20%);
$black-stallion-dark: mix(#000, $black-stallion, 20%);
.element {
color: $black-stallion;
box-shadow: 0 0 0 2px rgba($black-stallion, 0.35);
}