Benannte Farbe · #EE0044
Enraged
Enraged ist #EE0044: rgb(238 0 68), hsl(343 100% 47%), oklch(0.601 0.241 18.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Enraged color name →
#EE0044
oklch(0.601 0.241 18.5)
Farbumrechnungen
- HEX
- #ee0044
- RGB
- rgb(238 0 68)
- HSL
- hsl(343 100% 47%)
- HWB
- hwb(343 0% 7%)
- OKLCH
- oklch(0.601 0.241 18.5)
- OKLab
- oklab(0.601 0.229 0.077)
- CIE Lab
- lab(51.12 77.61 35.54)
- LCH
- lch(51.12 85.36 24.6)
- CMYK
- cmyk(0% 100% 71% 7%)
Tints · Shades · Tones
Tints
- F43D57
- F85A69
- FC727B
- FF888D
- FF9DA0
- FFB1B2
- FFC5C5
- FFD9D8
- FFECEC
Shades
- CF003A
- B10030
- 930026
- 77001D
- 5C0014
- 42000C
- 2A0005
- 140002
- 030000
Tones
- E52B4B
- DB3E52
- D24C58
- C8575E
- BD6064
- B3686A
- A76F6F
- 9B7575
- 8E7B7B
Farbharmonien
Komplementär +180°
- EE0044
Enraged
- 009397
≈ Lido Deck
Analog -30° +30°
- EE0044
Enraged
- DD1A98
≈ Benevolent Pink
- CA5B00
≈ Rusty Orange
Triadisch +120° +240°
- EE0044
Enraged
- 3A9900
≈ Planter
- 1378FF
≈ Hadfield Blue
Geteilt komplementär +150° +210°
- EE0044
Enraged
- 009773
≈ Cadaverous
- 008DB8
≈ Hawaiian Ocean
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.45:1 · APCA Lc 68
Ag
AAAuf Schwarz
WCAG 4.71:1 · APCA Lc 34
Beste Textfarbe: #000000
WCAG 4.71:1 (AA) · APCA Lc 34
Contrast pairs
Code-Snippets
CSS
:root {
--enraged: #ee0044;
--enraged-rgb: 238 0 68;
--enraged-oklch: oklch(0.601 0.241 18.5);
}
.element {
color: var(--enraged);
background-color: hsl(343 100% 47%);
border-color: oklch(0.601 0.241 18.5);
}Tailwind CSS v4
@theme {
--color-enraged: #ee0044;
--color-enraged-50: #ffdad8;
--color-enraged-100: #ffc7c6;
--color-enraged-200: #ffa8a8;
--color-enraged-300: #ff7c81;
--color-enraged-400: #ff4b64;
--color-enraged-500: #fe0042;
--color-enraged-600: #d70039;
--color-enraged-700: #ad002d;
--color-enraged-800: #810023;
--color-enraged-900: #5c0017;
--color-enraged-950: #3e0008;
}SCSS
$enraged: #ee0044;
$enraged-rgb: 238, 0, 68;
$enraged-light: mix(#fff, $enraged, 20%);
$enraged-dark: mix(#000, $enraged, 20%);
.element {
color: $enraged;
box-shadow: 0 0 0 2px rgba($enraged, 0.35);
}