Benannte Farbe · #ED2E38
Allura Red
Allura Red ist #ED2E38: rgb(237 46 56), hsl(357 84% 55%), oklch(0.614 0.224 24.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Allura Red color name →
#ED2E38
oklch(0.614 0.224 24.8)
Farbumrechnungen
- HEX
- #ed2e38
- RGB
- rgb(237 46 56)
- HSL
- hsl(357 84% 55%)
- HWB
- hwb(357 18% 7%)
- OKLCH
- oklch(0.614 0.224 24.8)
- OKLab
- oklab(0.614 0.203 0.094)
- CIE Lab
- lab(52.99 70.94 44.43)
- LCH
- lch(52.99 83.7 32.1)
- CMYK
- cmyk(0% 81% 76% 7%)
Tints · Shades · Tones
Tints
- F24E4D
- F76661
- FB7C75
- FE9088
- FFA39C
- FFB6AF
- FFC8C3
- FFDBD7
- FFEDEB
Shades
- CE272F
- B01F27
- 93181F
- 771217
- 5C0B0F
- 420608
- 2A0204
- 140101
- 030000
Tones
- E43F41
- DA4C4A
- D05652
- C65E59
- BC6660
- B16C67
- A6726D
- 9A7774
- 8E7C7A
Farbharmonien
Komplementär +180°
- ED2E38
Allura Red
- 0096A2
≈ Tile Blue
Analog -30° +30°
- ED2E38
Allura Red
- E12F8C
≈ Pinkinity
- C86600
≈ Curry Powder
Triadisch +120° +240°
- ED2E38
Allura Red
- 00A028
≈ Space Invader
- 4479FF
≈ Lightish Blue
Geteilt komplementär +150° +210°
- ED2E38
Allura Red
- 009B80
≈ Paolo Veronese Green
- 008FC7
≈ Parrotfish Blue
Tetradisch +90° +180° +270°
- ED2E38
Allura Red
- 838D00
≈ Foggy Bog
- 0096A2
≈ Tile Blue
- 925CFA
≈ Forgotten Kyawthuite
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.15:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.04:1 · APCA Lc 35
Beste Textfarbe: #000000
WCAG 5.04:1 (AA) · APCA Lc 35
Contrast pairs
Code-Snippets
CSS
:root {
--allura-red: #ed2e38;
--allura-red-rgb: 237 46 56;
--allura-red-oklch: oklch(0.614 0.224 24.8);
}
.element {
color: var(--allura-red);
background-color: hsl(357 84% 55%);
border-color: oklch(0.614 0.224 24.8);
}Tailwind CSS v4
@theme {
--color-allura-red: #ed2e38;
--color-allura-red-50: #ffddd3;
--color-allura-red-100: #ffcbc0;
--color-allura-red-200: #ffada0;
--color-allura-red-300: #ff8477;
--color-allura-red-400: #ff5857;
--color-allura-red-500: #f8112f;
--color-allura-red-600: #d11829;
--color-allura-red-700: #a81521;
--color-allura-red-800: #7e0b1a;
--color-allura-red-900: #590811;
--color-allura-red-950: #3c0004;
}SCSS
$allura-red: #ed2e38;
$allura-red-rgb: 237, 46, 56;
$allura-red-light: mix(#fff, $allura-red, 20%);
$allura-red-dark: mix(#000, $allura-red, 20%);
.element {
color: $allura-red;
box-shadow: 0 0 0 2px rgba($allura-red, 0.35);
}