#EA55CE#EA55CE
#EA55CE is a light, highly saturated pink. Relative luminance 0.284; OKLCH L 68.7% C 0.225 H 336.0°. Best body text is #000000 at 6.69:1 contrast (WCAG AA passes).
Color values
| HEX | #EA55CE |
|---|---|
| RGB | rgb(234, 85, 206) |
| HSL | hsl(311, 78%, 63%) |
| HSV | hsv(311, 64%, 92%) |
| CMYK | cmyk(0%, 63.7%, 12%, 8.2%) |
| CIE-LAB | lab(60.29, 70.21, -33.63) |
| CIE-LCH | lch(60.29, 77.85, 334.41°) |
| OKLab | oklab(68.71% 0.2052 -0.0914) |
| OKLCH | oklch(68.71% 0.225 336) |
| XYZ | xyz(48.3213, 28.4497, 61.3269) |
| Luminance | 0.2845 (WCAG relative) |
| Temperature | neutral |
| Family | pink |
Closest named colors
Purpleish Pink
#DF4EC8
ΔE00 2.68
Orchid
#DA70D6
ΔE00 4.94
Candy Pink
#FF63E9
ΔE00 5.53
Pinkish Purple
#D648D7
ΔE00 5.73
Hot Magenta
#F504C9
ΔE00 5.80
Bright Magenta
#FF08E8
ΔE00 5.85
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#EA55CE #55EA71
analogous
#BB55EA #EA55CE #EA5584
triadic
#EA55CE #CEEA55 #55CEEA
tetradic
#EA55CE #EABB55 #55EA71 #5584EA
square
#EA55CE #EABB55 #55EA71 #5584EA
split-complementary
#EA55CE #84EA55 #55EABB
monochromatic
#AF1692 #E31FBE #EA55CE #F18BDE #F7C2ED
Accessibility & contrast
On white
3.14
#EA55CE on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.69
#EA55CE on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #EA55CE
6.69:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##EA55CE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EA55CE | 1.00 | 3.14 | 6.69 | 6.69 |
| #FFFFFF | 3.14 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.69 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.69 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#5783D2
Deuteranopia (green-blind)
#8699CA
Tritanopia (blue-blind)
#F55E8A
Achromatopsia (no color)
#919191
Design tokens & code
CSS
--color: #ea55ce; /* rgb */ color: rgb(234, 85, 206); /* oklch */ color: oklch(68.7% 0.225 336.0);
Tailwind
colors: {
custom: {
50: '#f48edd',
500: '#ea55ce',
950: '#000000',
},
}SCSS
$custom: #ea55ce; $custom-light: #f48edd; $custom-dark: #000000;
JSON
{
"hex": "#ea55ce",
"rgb": {
"r": 234,
"g": 85,
"b": 206
},
"hsl": {
"h": 311.275,
"s": 78.01,
"l": 62.549
},
"oklch": {
"l": 0.68709,
"c": 0.22462,
"h": 336
},
"luminance": 0.28446
}Semantic roles & 50–950 ramp
primary
#EA55CE
secondary
#B2E8BC
accent
#DA320B
background
#FFF9FD
surface
#FFF1FB
border
#D7CBD4
text
#170D15
muted
#857E83