#E992F2#E992F2
#E992F2 is a light, vivid purple. Relative luminance 0.443; OKLCH L 78.2% C 0.161 H 323.6°. Best body text is #000000 at 9.86:1 contrast (WCAG AA passes).
Color values
| HEX | #E992F2 |
|---|---|
| RGB | rgb(233, 146, 242) |
| HSL | hsl(294, 79%, 76%) |
| HSV | hsv(294, 40%, 95%) |
| CMYK | cmyk(3.7%, 39.7%, 0%, 5.1%) |
| CIE-LAB | lab(72.42, 47.56, -34.81) |
| CIE-LCH | lch(72.42, 58.94, 323.80°) |
| OKLab | oklab(78.16% 0.1292 -0.0953) |
| OKLCH | oklch(78.16% 0.161 323.6) |
| XYZ | xyz(59.9085, 44.2946, 89.3812) |
| Luminance | 0.4429 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
Closest named colors
Violet (CSS)
#EE82EE
ΔE00 3.40
Lavender Pink
#DD85D7
ΔE00 4.86
Purply Pink
#F075E6
ΔE00 5.96
Plum
#DDA0DD
ΔE00 6.27
Baby Purple
#CA9BF7
ΔE00 7.02
Lilac (survey)
#CEA2FD
ΔE00 7.59
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#E992F2 #9BF292
analogous
#B992F2 #E992F2 #F292CB
triadic
#E992F2 #F2E992 #92F2E9
tetradic
#E992F2 #F2B992 #9BF292 #92CBF2
square
#E992F2 #F2B992 #9BF292 #92CBF2
split-complementary
#E992F2 #CBF292 #92F2B9
monochromatic
#D325E5 #DE5BEB #E992F2 #F4C9F9 #F9E4FC
Accessibility & contrast
On white
2.13
#E992F2 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.86
#E992F2 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #E992F2
9.86:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##E992F2 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##E992F2 | 1.00 | 2.13 | 9.86 | 9.86 |
| #FFFFFF | 2.13 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.86 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.86 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#88ABF5
Deuteranopia (green-blind)
#9EB5EF
Tritanopia (blue-blind)
#EC9CB7
Achromatopsia (no color)
#B2B2B2
Design tokens & code
CSS
--color: #e992f2; /* rgb */ color: rgb(233, 146, 242); /* oklch */ color: oklch(78.2% 0.161 323.6);
Tailwind
colors: {
custom: {
50: '#f1b4f6',
500: '#e992f2',
950: '#000000',
},
}SCSS
$custom: #e992f2; $custom-light: #f1b4f6; $custom-dark: #000000;
JSON
{
"hex": "#e992f2",
"rgb": {
"r": 233,
"g": 146,
"b": 242
},
"hsl": {
"h": 294.375,
"s": 78.689,
"l": 76.078
},
"oklch": {
"l": 0.78155,
"c": 0.16052,
"h": 323.6
},
"luminance": 0.44292
}Semantic roles & 50–950 ramp
primary
#E992F2
secondary
#DAF4D7
accent
#DB0B1E
background
#FEFBFF
surface
#FDF6FE
border
#D5D0D6
text
#171117
muted
#858085