#E26EEF#E26EEF
#E26EEF is a light, highly saturated purple. Relative luminance 0.336; OKLCH L 72.1% C 0.211 H 323.5°. Best body text is #000000 at 7.71:1 contrast (WCAG AA passes).
Color values
| HEX | #E26EEF |
|---|---|
| RGB | rgb(226, 110, 239) |
| HSL | hsl(294, 80%, 68%) |
| HSV | hsv(294, 54%, 94%) |
| CMYK | cmyk(5.4%, 54%, 0%, 6.3%) |
| CIE-LAB | lab(64.61, 62.85, -45.43) |
| CIE-LCH | lch(64.61, 77.55, 324.14°) |
| OKLab | oklab(72.13% 0.1699 -0.1257) |
| OKLCH | oklch(72.13% 0.211 323.5) |
| XYZ | xyz(52.5185, 33.5552, 85.3551) |
| Luminance | 0.3355 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
Closest named colors
Light Magenta
#FA5FF7
ΔE00 3.67
Violet Pink
#FB5FFC
ΔE00 3.81
Orchid
#DA70D6
ΔE00 4.00
Purply Pink
#F075E6
ΔE00 4.00
Violet (CSS)
#EE82EE
ΔE00 4.98
Candy Pink
#FF63E9
ΔE00 5.07
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#E26EEF #7BEF6E
analogous
#A16EEF #E26EEF #EF6EBC
triadic
#E26EEF #EFE26E #6EEFE2
tetradic
#E26EEF #EFA16E #7BEF6E #6EBCEF
square
#E26EEF #EFA16E #7BEF6E #6EBCEF
split-complementary
#E26EEF #BCEF6E #6EEFA1
monochromatic
#BA17CC #D737E9 #E26EEF #EDA5F5 #F8DCFB
Accessibility & contrast
On white
2.72
#E26EEF on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.71
#E26EEF on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #E26EEF
7.71:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##E26EEF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##E26EEF | 1.00 | 2.72 | 7.71 | 7.71 |
| #FFFFFF | 2.72 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.71 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.71 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#5A94F3
Deuteranopia (green-blind)
#80A1EB
Tritanopia (blue-blind)
#E67FA4
Achromatopsia (no color)
#9D9D9D
Design tokens & code
CSS
--color: #e26eef; /* rgb */ color: rgb(226, 110, 239); /* oklch */ color: oklch(72.1% 0.211 323.5);
Tailwind
colors: {
custom: {
50: '#ee9cf5',
500: '#e26eef',
950: '#000000',
},
}SCSS
$custom: #e26eef; $custom-light: #ee9cf5; $custom-dark: #000000;
JSON
{
"hex": "#e26eef",
"rgb": {
"r": 226,
"g": 110,
"b": 239
},
"hsl": {
"h": 293.953,
"s": 80.124,
"l": 68.431
},
"oklch": {
"l": 0.72128,
"c": 0.21129,
"h": 323.5
},
"luminance": 0.33553
}Semantic roles & 50–950 ramp
primary
#E26EEF
secondary
#CDF0C9
accent
#DC091E
background
#FEF9FE
surface
#FDF2FD
border
#D5CCD5
text
#170F17
muted
#857E85