Benannte Farbe · #DD0044
Eternal Cherry
Eternal Cherry ist #DD0044: rgb(221 0 68), hsl(342 100% 43%), oklch(0.569 0.228 16.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Eternal Cherry color name →
#DD0044
oklch(0.569 0.228 16.9)
Farbumrechnungen
- HEX
- #dd0044
- RGB
- rgb(221 0 68)
- HSL
- hsl(342 100% 43%)
- HWB
- hwb(342 0% 13%)
- OKLCH
- oklch(0.569 0.228 16.9)
- OKLab
- oklab(0.569 0.218 0.066)
- CIE Lab
- lab(47.54 73.55 30.3)
- LCH
- lch(47.54 79.55 22.4)
- CMYK
- cmyk(0% 100% 69% 13%)
Tints · Shades · Tones
Tints
- E43A56
- EB5768
- F06F7A
- F5858C
- F99A9F
- FCAFB2
- FEC3C5
- FFD7D8
- FFEBEB
Shades
- C0003A
- A40030
- 880026
- 6E001D
- 550014
- 3D000C
- 260005
- 110002
- 020000
Tones
- D6294B
- CE3B51
- C64957
- BE545D
- B55D63
- AC6569
- A26D6F
- 987475
- 8C7A7A
Farbharmonien
Komplementär +180°
- DD0044
Eternal Cherry
- 00888B
≈ Well Blue
Analog -30° +30°
- DD0044
Eternal Cherry
- CC1A91
≈ Indian Lake
- BE5200
≈ Orange Rufous
Triadisch +120° +240°
- DD0044
Eternal Cherry
- 3E8D00
≈ Christmas Green
- 0072EA
≈ Níu Zǎi Sè Denim
Geteilt komplementär +150° +210°
- DD0044
Eternal Cherry
- 008D68
≈ Kabalite Green
- 0083A9
≈ Advertising Blue
Tetradisch +90° +180° +270°
- DD0044
Eternal Cherry
- 807B00
≈ Olive
- 00888B
≈ Well Blue
- 7552F3
≈ Candy Grape Fizz
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.05:1 · APCA Lc 72
Ag
FailAuf Schwarz
WCAG 4.15:1 · APCA Lc 30
Beste Textfarbe: #FFFFFF
WCAG 5.05:1 (AA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--eternal-cherry: #dd0044;
--eternal-cherry-rgb: 221 0 68;
--eternal-cherry-oklch: oklch(0.569 0.228 16.9);
}
.element {
color: var(--eternal-cherry);
background-color: hsl(342 100% 43%);
border-color: oklch(0.569 0.228 16.9);
}Tailwind CSS v4
@theme {
--color-eternal-cherry: #dd0044;
--color-eternal-cherry-50: #ffdbdc;
--color-eternal-cherry-100: #ffc9ca;
--color-eternal-cherry-200: #ffaaae;
--color-eternal-cherry-300: #ff8088;
--color-eternal-cherry-400: #ff536d;
--color-eternal-cherry-500: #f8004d;
--color-eternal-cherry-600: #d20a41;
--color-eternal-cherry-700: #a90c34;
--color-eternal-cherry-800: #7e0528;
--color-eternal-cherry-900: #59051b;
--color-eternal-cherry-950: #3c000b;
}SCSS
$eternal-cherry: #dd0044;
$eternal-cherry-rgb: 221, 0, 68;
$eternal-cherry-light: mix(#fff, $eternal-cherry, 20%);
$eternal-cherry-dark: mix(#000, $eternal-cherry, 20%);
.element {
color: $eternal-cherry;
box-shadow: 0 0 0 2px rgba($eternal-cherry, 0.35);
}