Colore con nome più vicino · #09181C
#09181C
Colore con nome più vicino: Black Stallion
#09181C (rgb(9 24 28), hsl(193 51% 7%), oklch(0.198 0.022 216.9)) è più vicino al colore con nome Black Stallion. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#09181C
oklch(0.198 0.022 216.9)
Conversioni di colore
- HEX
- #09181c
- RGB
- rgb(9 24 28)
- HSL
- hsl(193 51% 7%)
- HWB
- hwb(193 4% 89%)
- OKLCH
- oklch(0.198 0.022 216.9)
- OKLab
- oklab(0.198 -0.018 -0.013)
- CIE Lab
- lab(7.1 -4.88 -4.88)
- LCH
- lch(7.1 6.9 225)
- CMYK
- cmyk(68% 14% 0% 89%)
Tinte · Ombre · Toni
Tinte
- 1D2B2F
- 323F43
- 495458
- 606B6D
- 798284
- 92999B
- ACB2B3
- C7CBCC
- E3E5E5
Ombre
- 071317
- 050F12
- 030A0D
- 020708
- 010405
- 010202
- 000101
- 000000
- 000000
Toni
- 142125
- 1F2B2E
- 2A3438
- 353F41
- 41494B
- 4D5455
- 595E60
- 66696A
- 737575
Armonie di colore
Complementare +180°
- 09181C
Black Stallion
- 1E120E
≈ Bighorn Sheep
Analogo -30° +30°
- 09181C
Black Stallion
- 091917
≈ Black Stallion
- 0D161F
≈ Black Is Back
Triadico +120° +240°
- 09181C
Black Stallion
- 1C1219
≈ Bats Cloak
- 18160A
≈ Darkness
Complementare divisa +150° +210°
- 09181C
Black Stallion
- 1E1114
≈ Italian Roast
- 1C140B
≈ Soulless
Tetradico +90° +180° +270°
- 09181C
Black Stallion
- 18131D
≈ Back in Black
- 1E120E
≈ Bighorn Sheep
- 13170C
≈ Darkness
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 18.11:1 · APCA Lc 105
Ag
FailSu nero
WCAG 1.15:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 18.11:1 (AAA) · APCA Lc 105
Contrast pairs
Frammenti di codice
CSS
:root {
--black-stallion: #09181c;
--black-stallion-rgb: 9 24 28;
--black-stallion-oklch: oklch(0.198 0.022 216.9);
}
.element {
color: var(--black-stallion);
background-color: hsl(193 51% 7%);
border-color: oklch(0.198 0.022 216.9);
}Tailwind CSS v4
@theme {
--color-black-stallion: #09181c;
--color-black-stallion-50: #eff7f9;
--color-black-stallion-100: #e0eaed;
--color-black-stallion-200: #cad7db;
--color-black-stallion-300: #acbabf;
--color-black-stallion-400: #91a2a7;
--color-black-stallion-500: #768a90;
--color-black-stallion-600: #64757a;
--color-black-stallion-700: #505d61;
--color-black-stallion-800: #3a4447;
--color-black-stallion-900: #282f31;
--color-black-stallion-950: #161c1d;
}SCSS
$black-stallion: #09181c;
$black-stallion-rgb: 9, 24, 28;
$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);
}