Benannte Farbe · #9E1316
Spartan Crimson
Spartan Crimson ist #9E1316: rgb(158 19 22), hsl(359 79% 35%), oklch(0.448 0.171 27.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Spartan Crimson color name →
#9E1316
oklch(0.448 0.171 27.1)
Farbumrechnungen
- HEX
- #9e1316
- RGB
- rgb(158 19 22)
- HSL
- hsl(359 79% 35%)
- HWB
- hwb(359 7% 38%)
- OKLCH
- oklch(0.448 0.171 27.1)
- OKLab
- oklab(0.448 0.153 0.078)
- CIE Lab
- lab(34.24 54 39.02)
- LCH
- lch(34.24 66.62 35.9)
- CMYK
- cmyk(0% 88% 86% 38%)
Tints · Shades · Tones
Tints
- AB352F
- B74E46
- C2655C
- CC7B72
- D69189
- E0A7A0
- E9BDB7
- F1D3CE
- F8E9E7
Shades
- 890F12
- 740B0D
- 600709
- 4D0506
- 3A0303
- 290102
- 180101
- 090000
- 010000
Tones
- 9D2824
- 9C3630
- 9A423A
- 984C45
- 95564F
- 925F59
- 8F6863
- 8B706C
- 867876
Farbharmonien
Komplementär +180°
- 9E1316
Spartan Crimson
- 00606A
≈ Petrol
Analog -30° +30°
- 9E1316
Spartan Crimson
- 971256
≈ Vertigo Cherry
- 804200
≈ Hazelnut Chocolate
Triadisch +120° +240°
- 9E1316
Spartan Crimson
- 006722
≈ Paradise Palms
- 2B48B2
≈ Night in Manchester
Geteilt komplementär +150° +210°
- 9E1316
Spartan Crimson
- 006354
≈ Philodendron
- 005B84
≈ High Profile
Tetradisch +90° +180° +270°
- 9E1316
Spartan Crimson
- 515B00
≈ Greensboro
- 00606A
≈ Petrol
- 6235A6
≈ Royalty
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.20:1 · APCA Lc 86
Ag
FailAuf Schwarz
WCAG 2.55:1 · APCA Lc 16
Beste Textfarbe: #FFFFFF
WCAG 8.20:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--spartan-crimson: #9e1316;
--spartan-crimson-rgb: 158 19 22;
--spartan-crimson-oklch: oklch(0.448 0.171 27.1);
}
.element {
color: var(--spartan-crimson);
background-color: hsl(359 79% 35%);
border-color: oklch(0.448 0.171 27.1);
}Tailwind CSS v4
@theme {
--color-spartan-crimson: #9e1316;
--color-spartan-crimson-50: #ffe4d9;
--color-spartan-crimson-100: #ffd3c7;
--color-spartan-crimson-200: #ffb8aa;
--color-spartan-crimson-300: #ff9484;
--color-spartan-crimson-400: #f37065;
--color-spartan-crimson-500: #e14a42;
--color-spartan-crimson-600: #be4039;
--color-spartan-crimson-700: #99332d;
--color-spartan-crimson-800: #722322;
--color-spartan-crimson-900: #511816;
--color-spartan-crimson-950: #350708;
}SCSS
$spartan-crimson: #9e1316;
$spartan-crimson-rgb: 158, 19, 22;
$spartan-crimson-light: mix(#fff, $spartan-crimson, 20%);
$spartan-crimson-dark: mix(#000, $spartan-crimson, 20%);
.element {
color: $spartan-crimson;
box-shadow: 0 0 0 2px rgba($spartan-crimson, 0.35);
}