Couleur nommée la plus proche · #021111
#021111
Couleur nommée la plus proche: Black Stallion
#021111 (rgb(2 17 17), hsl(180 79% 4%), oklch(0.163 0.024 195.1)) est la plus proche de la couleur nommée Black Stallion. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#021111
oklch(0.163 0.024 195.1)
Conversions de couleur
- HEX
- #021111
- RGB
- rgb(2 17 17)
- HSL
- hsl(180 79% 4%)
- HWB
- hwb(180 1% 93%)
- OKLCH
- oklch(0.163 0.024 195.1)
- OKLab
- oklab(0.163 -0.023 -0.006)
- CIE Lab
- lab(4.06 -4.47 -1.6)
- LCH
- lch(4.06 4.75 199.7)
- CMYK
- cmyk(88% 0% 0% 93%)
Teintes · Ombres · Tons
Teintes
- 142424
- 2A3938
- 414E4E
- 5A6565
- 737D7D
- 8D9695
- A9AFAF
- C5C9C9
- E2E4E4
Ombres
- 010D0D
- 010909
- 010606
- 000404
- 000202
- 000101
- 000000
- 000000
- 000000
Tons
- 0B1B1A
- 172524
- 232F2F
- 2F3A3A
- 3C4545
- 495050
- 565C5C
- 646867
- 727474
Harmonies de couleurs
Complémentaire +180°
- 021111
Black Stallion
- 170A0B
≈ Optophobia
Analogue -30° +30°
- 021111
Black Stallion
- 04110B
≈ Alpine Salamander
- 031016
≈ Black Glaze
Triadique +120° +240°
- 021111
Black Stallion
- 120B15
≈ Noir Fiction
- 140C03
≈ Balsamico
Complémentaire divisée +150° +210°
- 021111
Black Stallion
- 150A10
≈ Noir Fiction
- 160A06
≈ Asphalt
Tétradique +90° +180° +270°
- 021111
Black Stallion
- 0D0C18
≈ Midnight Oil
- 170A0B
≈ Optophobia
- 0F0E04
≈ Balsam of Peru
Contraste et accessibilité
Ag
AAASur blanc
WCAG 19.25:1 · APCA Lc 106
Ag
FailSur noir
WCAG 1.09:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 19.25:1 (AAA) · APCA Lc 106
Contrast pairs
Extraits de code
CSS
:root {
--black-stallion: #021111;
--black-stallion-rgb: 2 17 17;
--black-stallion-oklch: oklch(0.163 0.024 195.1);
}
.element {
color: var(--black-stallion);
background-color: hsl(180 79% 4%);
border-color: oklch(0.163 0.024 195.1);
}Tailwind CSS v4
@theme {
--color-black-stallion: #021111;
--color-black-stallion-50: #eef7f7;
--color-black-stallion-100: #dfeaea;
--color-black-stallion-200: #c9d8d8;
--color-black-stallion-300: #aabbbb;
--color-black-stallion-400: #8fa3a3;
--color-black-stallion-500: #758b8b;
--color-black-stallion-600: #637676;
--color-black-stallion-700: #4f5e5e;
--color-black-stallion-800: #394545;
--color-black-stallion-900: #27302f;
--color-black-stallion-950: #151c1c;
}SCSS
$black-stallion: #021111;
$black-stallion-rgb: 2, 17, 17;
$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);
}