Benannte Farbe · #E03C28
Lionfish Red
Lionfish Red ist #E03C28: rgb(224 60 40), hsl(7 75% 52%), oklch(0.601 0.204 30.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Lionfish Red color name →
#E03C28
oklch(0.601 0.204 30.6)
Farbumrechnungen
- HEX
- #e03c28
- RGB
- rgb(224 60 40)
- HSL
- hsl(7 75% 52%)
- HWB
- hwb(7 16% 12%)
- OKLCH
- oklch(0.601 0.204 30.6)
- OKLab
- oklab(0.601 0.175 0.104)
- CIE Lab
- lab(51.78 62.95 50.67)
- LCH
- lch(51.78 80.81 38.8)
- CMYK
- cmyk(0% 73% 82% 12%)
Tints · Shades · Tones
Tints
- E65641
- EC6B58
- F17F6D
- F59382
- F8A596
- FBB7AB
- FDC9C0
- FFDBD5
- FFEDEA
Shades
- C33321
- A62A1B
- 8A2115
- 70190F
- 561109
- 3E0A04
- 270402
- 120101
- 020000
Tones
- D84835
- D05240
- C75A49
- BE6152
- B5685B
- AC6E63
- A2736A
- 977872
- 8C7C79
Farbharmonien
Komplementär +180°
- E03C28
Lionfish Red
- 0091A3
≈ Oasis
Analog -30° +30°
- E03C28
Lionfish Red
- D9377A
≈ Fuchsia Purple
- BB6900
≈ Brown Orange
Triadisch +120° +240°
- E03C28
Lionfish Red
- 009A49
≈ Luscious Green
- 5670F8
≈ Blue Öyster Cult
Geteilt komplementär +150° +210°
- E03C28
Lionfish Red
- 009584
≈ Approval Green
- 0089CB
≈ Way Beyond the Blue
Tetradisch +90° +180° +270°
- E03C28
Lionfish Red
- 758C00
≈ Canopy
- 0091A3
≈ Oasis
- 9759E5
≈ Lavender Indigo
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.33:1 · APCA Lc 69
Ag
AAAuf Schwarz
WCAG 4.84:1 · APCA Lc 33
Beste Textfarbe: #000000
WCAG 4.84:1 (AA) · APCA Lc 33
Contrast pairs
Code-Snippets
CSS
:root {
--lionfish-red: #e03c28;
--lionfish-red-rgb: 224 60 40;
--lionfish-red-oklch: oklch(0.601 0.204 30.6);
}
.element {
color: var(--lionfish-red);
background-color: hsl(7 75% 52%);
border-color: oklch(0.601 0.204 30.6);
}Tailwind CSS v4
@theme {
--color-lionfish-red: #e03c28;
--color-lionfish-red-50: #ffe1d0;
--color-lionfish-red-100: #ffcfbd;
--color-lionfish-red-200: #ffb39c;
--color-lionfish-red-300: #ff8c72;
--color-lionfish-red-400: #ff644e;
--color-lionfish-red-500: #ef341f;
--color-lionfish-red-600: #ca2f1d;
--color-lionfish-red-700: #a22617;
--color-lionfish-red-800: #7a1913;
--color-lionfish-red-900: #56100c;
--color-lionfish-red-950: #390201;
}SCSS
$lionfish-red: #e03c28;
$lionfish-red-rgb: 224, 60, 40;
$lionfish-red-light: mix(#fff, $lionfish-red, 20%);
$lionfish-red-dark: mix(#000, $lionfish-red, 20%);
.element {
color: $lionfish-red;
box-shadow: 0 0 0 2px rgba($lionfish-red, 0.35);
}