Nearest named color · #E53C76
#E53C76
Nearest named color: Fantasy Romance
#E53C76 (rgb(229 60 118), hsl(339 76% 57%), oklch(0.623 0.207 5.1)) is closest to the named color Fantasy Romance. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#E53C76
oklch(0.623 0.207 5.1)
Color conversions
- HEX
- #e53c76
- RGB
- rgb(229 60 118)
- HSL
- hsl(339 76% 57%)
- HWB
- hwb(339 24% 10%)
- OKLCH
- oklch(0.623 0.207 5.1)
- OKLab
- oklab(0.623 0.207 0.018)
- CIE Lab
- lab(53.78 67.39 8.38)
- LCH
- lch(53.78 67.9 7.1)
- CMYK
- cmyk(0% 74% 48% 10%)
Tints · Shades · Tones
Tints
- EB5683
- F06B90
- F47F9D
- F893AB
- FBA5B8
- FDB7C6
- FFC9D4
- FFDBE2
- FFEDF1
Shades
- C73366
- AA2A56
- 8E2147
- 721938
- 581129
- 3F0A1C
- 28040F
- 120105
- 030001
Tones
- DC4877
- D35278
- CA5A79
- C1617A
- B7687B
- AD6E7C
- A3737D
- 98787E
- 8C7C7F
Color harmonies
Complementary +180°
- E53C76
Fantasy Romance
- 009C90
≈ Stormy Strait Green
Analogous -30° +30°
- E53C76
Fantasy Romance
- CE48B7
≈ Zǐ Sè Purple
- E94516
≈ Corn Poppy Cherry
Triadic +120° +240°
- E53C76
Fantasy Romance
- 719600
≈ Green Thumb
- 008DDE
≈ Blue Cola
Split-complementary +150° +210°
- E53C76
Fantasy Romance
- 00A15C
≈ Shamrock
- 0097B0
≈ Aquarium Diver
Tetradic +90° +180° +270°
- E53C76
Fantasy Romance
- 9F8500
≈ Pestilence
- 009C90
≈ Stormy Strait Green
- 6874FF
≈ Byzantine Night Blue
Contrast & accessibility
Ag
FailOn white
WCAG 4.00:1 · APCA Lc 66
Ag
AAOn black
WCAG 5.23:1 · APCA Lc 36
Best text color: #000000
WCAG 5.23:1 (AA) · APCA Lc 36
Contrast pairs
Code snippets
CSS
:root {
--fantasy-romance: #e53c76;
--fantasy-romance-rgb: 229 60 118;
--fantasy-romance-oklch: oklch(0.623 0.207 5.1);
}
.element {
color: var(--fantasy-romance);
background-color: hsl(339 76% 57%);
border-color: oklch(0.623 0.207 5.1);
}Tailwind CSS v4
@theme {
--color-fantasy-romance: #e53c76;
--color-fantasy-romance-50: #ffddeb;
--color-fantasy-romance-100: #ffcbdc;
--color-fantasy-romance-200: #ffaec5;
--color-fantasy-romance-300: #ff85a5;
--color-fantasy-romance-400: #fd5d8e;
--color-fantasy-romance-500: #eb2973;
--color-fantasy-romance-600: #c72662;
--color-fantasy-romance-700: #a01f4e;
--color-fantasy-romance-800: #77143b;
--color-fantasy-romance-900: #540d29;
--color-fantasy-romance-950: #380017;
}SCSS
$fantasy-romance: #e53c76;
$fantasy-romance-rgb: 229, 60, 118;
$fantasy-romance-light: mix(#fff, $fantasy-romance, 20%);
$fantasy-romance-dark: mix(#000, $fantasy-romance, 20%);
.element {
color: $fantasy-romance;
box-shadow: 0 0 0 2px rgba($fantasy-romance, 0.35);
}