#EA32CA#EA32CA
#EA32CA is a light, highly saturated pink. Relative luminance 0.240; OKLCH L 65.6% C 0.260 H 336.6°. Best body text is #000000 at 5.81:1 contrast (WCAG AA passes).
Color values
| HEX | #EA32CA |
|---|---|
| RGB | rgb(234, 50, 202) |
| HSL | hsl(310, 81%, 56%) |
| HSV | hsv(310, 79%, 92%) |
| CMYK | cmyk(0%, 78.6%, 13.7%, 8.2%) |
| CIE-LAB | lab(56.13, 80.90, -37.85) |
| CIE-LCH | lch(56.13, 89.32, 334.92°) |
| OKLab | oklab(65.64% 0.2382 -0.1032) |
| OKLCH | oklch(65.64% 0.26 336.6) |
| XYZ | xyz(45.7338, 24.0423, 58.0977) |
| Luminance | 0.2404 (WCAG relative) |
| Temperature | neutral |
| Family | pink |
Closest named colors
Hot Magenta
#F504C9
ΔE00 1.94
Purpleish Pink
#DF4EC8
ΔE00 2.86
Fuchsia (survey)
#ED0DD9
ΔE00 2.90
Pink Purple
#EF1DE7
ΔE00 4.26
Pinkish Purple
#D648D7
ΔE00 4.31
Bright Magenta
#FF08E8
ΔE00 4.57
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#EA32CA #32EA52
analogous
#AE32EA #EA32CA #EA326E
triadic
#EA32CA #CAEA32 #32CAEA
tetradic
#EA32CA #EAAE32 #32EA52 #326EEA
square
#EA32CA #EAAE32 #32EA52 #326EEA
split-complementary
#EA32CA #6EEA32 #32EAAE
monochromatic
#930F7C #CA15AB #EA32CA #F06AD8 #F5A1E7
Accessibility & contrast
On white
3.62
#EA32CA on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.81
#EA32CA on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #EA32CA
5.81:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##EA32CA | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EA32CA | 1.00 | 3.62 | 5.81 | 5.81 |
| #FFFFFF | 3.62 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.81 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.81 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#3775CE
Deuteranopia (green-blind)
#7A90C6
Tritanopia (blue-blind)
#F6417D
Achromatopsia (no color)
#878787
Design tokens & code
CSS
--color: #ea32ca; /* rgb */ color: rgb(234, 50, 202); /* oklch */ color: oklch(65.6% 0.260 336.6);
Tailwind
colors: {
custom: {
50: '#f57fda',
500: '#ea32ca',
950: '#000000',
},
}SCSS
$custom: #ea32ca; $custom-light: #f57fda; $custom-dark: #000000;
JSON
{
"hex": "#ea32ca",
"rgb": {
"r": 234,
"g": 50,
"b": 202
},
"hsl": {
"h": 310.435,
"s": 81.416,
"l": 55.686
},
"oklch": {
"l": 0.65639,
"c": 0.25963,
"h": 336.6
},
"luminance": 0.24038
}Semantic roles & 50–950 ramp
primary
#EA32CA
secondary
#96E2A3
accent
#F85330
background
#FFF8FD
surface
#FFF0FB
border
#D7CBD4
text
#180C15
muted
#867D83