#EBB4FD#EBB4FD
#EBB4FD is a very light, moderate purple. Relative luminance 0.574; OKLCH L 84.4% C 0.115 H 317.7°. Best body text is #000000 at 12.48:1 contrast (WCAG AA passes).
Color values
| HEX | #EBB4FD |
|---|---|
| RGB | rgb(235, 180, 253) |
| HSL | hsl(285, 95%, 85%) |
| HSV | hsv(285, 29%, 99%) |
| CMYK | cmyk(7.1%, 28.9%, 0%, 0.8%) |
| CIE-LAB | lab(80.40, 32.34, -28.45) |
| CIE-LCH | lch(80.40, 43.07, 318.66°) |
| OKLab | oklab(84.38% 0.085 -0.0775) |
| OKLCH | oklch(84.38% 0.115 317.7) |
| XYZ | xyz(68.3093, 57.3980, 100.3899) |
| Luminance | 0.5740 (WCAG relative) |
| Temperature | cool |
| Family | purple |
Closest named colors
Mauve
#E0B0FF
ΔE00 2.70
Light Lavendar
#EFC0FE
ΔE00 3.18
Light Violet
#D6B4FC
ΔE00 4.61
Light Lilac
#EDC8FF
ΔE00 5.47
Pale Violet
#CEAEFA
ΔE00 6.03
Plum
#DDA0DD
ΔE00 6.10
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#EBB4FD #C6FDB4
analogous
#C6B4FD #EBB4FD #FDB4EB
triadic
#EBB4FD #FDEBB4 #B4FDEB
tetradic
#EBB4FD #FDC6B4 #C6FDB4 #B4EBFD
square
#EBB4FD #FDC6B4 #C6FDB4 #B4EBFD
split-complementary
#EBB4FD #EBFDB4 #B4FDC6
monochromatic
#CB3DFA #DB78FB #EBB4FD #F7E1FE #F7E1FE
Accessibility & contrast
On white
1.68
#EBB4FD on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.48
#EBB4FD on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #EBB4FD
12.48:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##EBB4FD | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EBB4FD | 1.00 | 1.68 | 12.48 | 12.48 |
| #FFFFFF | 1.68 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.48 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.48 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#ABC4FF
Deuteranopia (green-blind)
#B7C9FB
Tritanopia (blue-blind)
#EBBCCE
Achromatopsia (no color)
#C7C7C7
Design tokens & code
CSS
--color: #ebb4fd; /* rgb */ color: rgb(235, 180, 253); /* oklch */ color: oklch(84.4% 0.115 317.7);
Tailwind
colors: {
custom: {
50: '#f2cbfe',
500: '#ebb4fd',
950: '#000000',
},
}SCSS
$custom: #ebb4fd; $custom-light: #f2cbfe; $custom-dark: #000000;
JSON
{
"hex": "#ebb4fd",
"rgb": {
"r": 235,
"g": 180,
"b": 253
},
"hsl": {
"h": 285.205,
"s": 94.805,
"l": 84.902
},
"oklch": {
"l": 0.8438,
"c": 0.11505,
"h": 317.7
},
"luminance": 0.57397
}Semantic roles & 50–950 ramp
primary
#EBB4FD
secondary
#8EE373
accent
#E60039
background
#FFFEFF
surface
#FEFAFF
border
#D6D3D7
text
#171317
muted
#858385