Benannte Farbe · #1A2421
Shadow Warrior
Shadow Warrior ist #1A2421: rgb(26 36 33), hsl(162 16% 12%), oklch(0.25 0.015 174.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Shadow Warrior color name →
#1A2421
oklch(0.25 0.015 174.7)
Farbumrechnungen
- HEX
- #1a2421
- RGB
- rgb(26 36 33)
- HSL
- hsl(162 16% 12%)
- HWB
- hwb(162 10% 86%)
- OKLCH
- oklch(0.25 0.015 174.7)
- OKLab
- oklab(0.25 -0.015 0.001)
- CIE Lab
- lab(13.15 -5.21 0.49)
- LCH
- lch(13.15 5.23 174.7)
- CMYK
- cmyk(28% 0% 8% 86%)
Tints · Shades · Tones
Tints
- 2D3633
- 414A47
- 565E5C
- 6C7371
- 838987
- 9BA09E
- B3B7B5
- CCCECD
- E5E6E6
Shades
- 151E1B
- 101816
- 0C1210
- 070C0B
- 040706
- 020403
- 010201
- 000000
- 000000
Tones
- 232C29
- 2D3532
- 363E3B
- 404745
- 4A504E
- 555958
- 5F6361
- 6A6C6B
- 757676
Farbharmonien
Komplementär +180°
- 1A2421
Shadow Warrior
- 281F22
≈ Ink Black
Analog -30° +30°
- 1A2421
Shadow Warrior
- 1D241D
≈ Underworld
- 192425
≈ Shadow Warrior
Triadisch +120° +240°
- 1A2421
Shadow Warrior
- 222028
≈ To Hell and Black
- 27201B
≈ Orka Black
Geteilt komplementär +150° +210°
- 1A2421
Shadow Warrior
- 251F26
≈ Ink Black
- 281F1E
≈ Velvet Black
Tetradisch +90° +180° +270°
- 1A2421
Shadow Warrior
- 1E2229
≈ Noble Black
- 281F22
≈ Ink Black
- 252119
≈ Petroleum
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 15.93:1 · APCA Lc 103
Ag
FailAuf Schwarz
WCAG 1.31:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 15.93:1 (AAA) · APCA Lc 103
Contrast pairs
Code-Snippets
CSS
:root {
--shadow-warrior: #1a2421;
--shadow-warrior-rgb: 26 36 33;
--shadow-warrior-oklch: oklch(0.25 0.015 174.7);
}
.element {
color: var(--shadow-warrior);
background-color: hsl(162 16% 12%);
border-color: oklch(0.25 0.015 174.7);
}Tailwind CSS v4
@theme {
--color-shadow-warrior: #1a2421;
--color-shadow-warrior-50: #f1f7f5;
--color-shadow-warrior-100: #e3eae8;
--color-shadow-warrior-200: #ced6d4;
--color-shadow-warrior-300: #b0bab7;
--color-shadow-warrior-400: #96a19e;
--color-shadow-warrior-500: #7c8a85;
--color-shadow-warrior-600: #697471;
--color-shadow-warrior-700: #545d5a;
--color-shadow-warrior-800: #3d4442;
--color-shadow-warrior-900: #2a2f2d;
--color-shadow-warrior-950: #181c1a;
}SCSS
$shadow-warrior: #1a2421;
$shadow-warrior-rgb: 26, 36, 33;
$shadow-warrior-light: mix(#fff, $shadow-warrior, 20%);
$shadow-warrior-dark: mix(#000, $shadow-warrior, 20%);
.element {
color: $shadow-warrior;
box-shadow: 0 0 0 2px rgba($shadow-warrior, 0.35);
}