Couleur nommée · #DD0044
Eternal Cherry
Eternal Cherry correspond à #DD0044 : rgb(221 0 68), hsl(342 100% 43%), oklch(0.569 0.228 16.9). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Red mean? → · Eternal Cherry color name →
#DD0044
oklch(0.569 0.228 16.9)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- E43A56
- EB5768
- F06F7A
- F5858C
- F99A9F
- FCAFB2
- FEC3C5
- FFD7D8
- FFEBEB
Ombres
- C0003A
- A40030
- 880026
- 6E001D
- 550014
- 3D000C
- 260005
- 110002
- 020000
Tons
- D6294B
- CE3B51
- C64957
- BE545D
- B55D63
- AC6569
- A26D6F
- 987475
- 8C7A7A
Harmonies de couleurs
Complémentaire +180°
- DD0044
Eternal Cherry
- 00888B
≈ Well Blue
Analogue -30° +30°
- DD0044
Eternal Cherry
- CC1A91
≈ Indian Lake
- BE5200
≈ Orange Rufous
Triadique +120° +240°
- DD0044
Eternal Cherry
- 3E8D00
≈ Christmas Green
- 0072EA
≈ Níu Zǎi Sè Denim
Complémentaire divisée +150° +210°
- DD0044
Eternal Cherry
- 008D68
≈ Kabalite Green
- 0083A9
≈ Advertising Blue
Tétradique +90° +180° +270°
- DD0044
Eternal Cherry
- 807B00
≈ Olive
- 00888B
≈ Well Blue
- 7552F3
≈ Candy Grape Fizz
Contraste et accessibilité
Ag
AASur blanc
WCAG 5.05:1 · APCA Lc 72
Ag
FailSur noir
WCAG 4.15:1 · APCA Lc 30
Meilleure couleur de texte: #FFFFFF
WCAG 5.05:1 (AA) · APCA Lc 72
Contrast pairs
Extraits de code
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);
}