Nächste benannte Farbe · #EA1145
#EA1145
Nächste benannte Farbe: Enraged
#EA1145 (rgb(234 17 69), hsl(346 86% 49%), oklch(0.598 0.234 18.5)) liegt am nächsten an der benannten Farbe Enraged. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#EA1145
oklch(0.598 0.234 18.5)
Farbumrechnungen
- HEX
- #ea1145
- RGB
- rgb(234 17 69)
- HSL
- hsl(346 86% 49%)
- HWB
- hwb(346 7% 8%)
- OKLCH
- oklch(0.598 0.234 18.5)
- OKLab
- oklab(0.598 0.222 0.074)
- CIE Lab
- lab(50.77 75.36 34.27)
- LCH
- lch(50.77 82.79 24.5)
- CMYK
- cmyk(0% 93% 71% 8%)
Tints · Shades · Tones
Tints
- F04057
- F55C69
- F9747C
- FD898E
- FF9EA0
- FFB2B3
- FFC5C5
- FFD9D8
- FFECEC
Shades
- CB0D3B
- AE0931
- 910627
- 75041E
- 5A0215
- 41010C
- 290005
- 130002
- 030000
Tones
- E1304C
- D84152
- CF4D58
- C5585E
- BB6064
- B1686A
- A66F70
- 9A7575
- 8E7B7B
Farbharmonien
Komplementär +180°
- EA1145
Enraged
- 009196
≈ Splashy
Analog -30° +30°
- EA1145
Enraged
- DA2196
≈ Benevolent Pink
- C95A00
≈ Rusty Orange
Triadisch +120° +240°
- EA1145
Enraged
- 399700
≈ Planter
- 0D77FF
≈ Hadfield Blue
Geteilt komplementär +150° +210°
- EA1145
Enraged
- 009672
≈ Cadaverous
- 008CB6
≈ Spinnaker Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.50:1 · APCA Lc 69
Ag
AAAuf Schwarz
WCAG 4.66:1 · APCA Lc 33
Beste Textfarbe: #000000
WCAG 4.66:1 (AA) · APCA Lc 33
Contrast pairs
Code-Snippets
CSS
:root {
--enraged: #ea1145;
--enraged-rgb: 234 17 69;
--enraged-oklch: oklch(0.598 0.234 18.5);
}
.element {
color: var(--enraged);
background-color: hsl(346 86% 49%);
border-color: oklch(0.598 0.234 18.5);
}Tailwind CSS v4
@theme {
--color-enraged: #ea1145;
--color-enraged-50: #ffdbd9;
--color-enraged-100: #ffc8c7;
--color-enraged-200: #ffa9a9;
--color-enraged-300: #ff7e83;
--color-enraged-400: #ff5066;
--color-enraged-500: #fb0044;
--color-enraged-600: #d4003b;
--color-enraged-700: #ab022f;
--color-enraged-800: #800024;
--color-enraged-900: #5a0318;
--color-enraged-950: #3d0009;
}SCSS
$enraged: #ea1145;
$enraged-rgb: 234, 17, 69;
$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);
}