Nächste benannte Farbe · #02161C
#02161C
Nächste benannte Farbe: Black Stallion
#02161C (rgb(2 22 28), hsl(194 87% 6%), oklch(0.186 0.03 219)) liegt am nächsten an der benannten Farbe Black Stallion. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#02161C
oklch(0.186 0.03 219)
Farbumrechnungen
- HEX
- #02161c
- RGB
- rgb(2 22 28)
- HSL
- hsl(194 87% 6%)
- HWB
- hwb(194 1% 89%)
- OKLCH
- oklch(0.186 0.03 219)
- OKLab
- oklab(0.186 -0.023 -0.019)
- CIE Lab
- lab(5.95 -5.41 -6.63)
- LCH
- lch(5.95 8.56 230.8)
- CMYK
- cmyk(93% 21% 0% 89%)
Tints · Shades · Tones
Tints
- 16292F
- 2C3D43
- 435358
- 5B696E
- 758084
- 8F989C
- AAB1B4
- C5CBCC
- E2E4E5
Shades
- 011217
- 010D12
- 01090D
- 000608
- 000305
- 000202
- 000101
- 000000
- 000000
Tones
- 0C1F25
- 18292E
- 243338
- 313D41
- 3D484B
- 4A5355
- 575E60
- 64696A
- 727475
Farbharmonien
Komplementär +180°
- 02161C
Black Stallion
- 1E0E09
≈ Bighorn Sheep
Analog -30° +30°
- 02161C
Black Stallion
- 011716
≈ Black Is Back
- 081420
≈ Midnight Edition
Triadisch +120° +240°
- 02161C
Black Stallion
- 1C0D17
≈ Shot in the Dark
- 161304
≈ Chinese Black
Geteilt komplementär +150° +210°
- 02161C
Black Stallion
- 1E0D10
≈ Scandinavian Liquorice
- 1C1004
≈ Crowshead
Tetradisch +90° +180° +270°
- 02161C
Black Stallion
- 170F1D
≈ Shot in the Dark
- 1E0E09
≈ Bighorn Sheep
- 0F1607
≈ Pinch of Pepper
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 18.51:1 · APCA Lc 105
Ag
FailAuf Schwarz
WCAG 1.13:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 18.51:1 (AAA) · APCA Lc 105
Contrast pairs
Code-Snippets
CSS
:root {
--black-stallion: #02161c;
--black-stallion-rgb: 2 22 28;
--black-stallion-oklch: oklch(0.186 0.03 219);
}
.element {
color: var(--black-stallion);
background-color: hsl(194 87% 6%);
border-color: oklch(0.186 0.03 219);
}Tailwind CSS v4
@theme {
--color-black-stallion: #02161c;
--color-black-stallion-50: #ecf7fb;
--color-black-stallion-100: #deeaef;
--color-black-stallion-200: #c7d8dd;
--color-black-stallion-300: #a7bbc2;
--color-black-stallion-400: #8ba3ab;
--color-black-stallion-500: #708b94;
--color-black-stallion-600: #5f767d;
--color-black-stallion-700: #4c5e64;
--color-black-stallion-800: #374549;
--color-black-stallion-900: #253033;
--color-black-stallion-950: #141c1e;
}SCSS
$black-stallion: #02161c;
$black-stallion-rgb: 2, 22, 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);
}