#FE9FFA#FE9FFA
#FE9FFA is a very light, vivid purple. Relative luminance 0.528; OKLCH L 82.8% C 0.159 H 328.4°. Best body text is #000000 at 11.55:1 contrast (WCAG AA passes).
Color values
| HEX | #FE9FFA |
|---|---|
| RGB | rgb(254, 159, 250) |
| HSL | hsl(303, 98%, 81%) |
| HSV | hsv(303, 37%, 100%) |
| CMYK | cmyk(0%, 37.4%, 1.6%, 0.4%) |
| CIE-LAB | lab(77.74, 48.61, -30.75) |
| CIE-LCH | lch(77.74, 57.52, 327.68°) |
| OKLab | oklab(82.77% 0.1357 -0.0836) |
| OKLCH | oklch(82.77% 0.159 328.4) |
| XYZ | xyz(70.5253, 52.7724, 96.8952) |
| Luminance | 0.5277 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
Closest named colors
Violet (CSS)
#EE82EE
ΔE00 6.51
Plum
#DDA0DD
ΔE00 6.60
Mauve
#E0B0FF
ΔE00 7.58
Lavender Pink
#DD85D7
ΔE00 7.92
Purply Pink
#F075E6
ΔE00 8.72
Light Lavendar
#EFC0FE
ΔE00 8.77
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#FE9FFA #9FFEA3
analogous
#D29FFE #FE9FFA #FE9FCA
triadic
#FE9FFA #FAFE9F #9FFAFE
tetradic
#FE9FFA #FED29F #9FFEA3 #9FCAFE
square
#FE9FFA #FED29F #9FFEA3 #9FCAFE
split-complementary
#FE9FFA #CAFE9F #9FFED2
monochromatic
#FD26F4 #FD62F7 #FE9FFA #FFDCFD #FFE1FD
Accessibility & contrast
On white
1.82
#FE9FFA on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.55
#FE9FFA on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #FE9FFA
11.55:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##FE9FFA | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FE9FFA | 1.00 | 1.82 | 11.55 | 11.55 |
| #FFFFFF | 1.82 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.55 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.55 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#99B8FD
Deuteranopia (green-blind)
#B2C5F7
Tritanopia (blue-blind)
#FFA7C1
Achromatopsia (no color)
#C0C0C0
Design tokens & code
CSS
--color: #fe9ffa; /* rgb */ color: rgb(254, 159, 250); /* oklch */ color: oklch(82.8% 0.159 328.4);
Tailwind
colors: {
custom: {
50: '#ffbdfc',
500: '#fe9ffa',
950: '#000000',
},
}SCSS
$custom: #fe9ffa; $custom-light: #ffbdfc; $custom-dark: #000000;
JSON
{
"hex": "#fe9ffa",
"rgb": {
"r": 254,
"g": 159,
"b": 250
},
"hsl": {
"h": 302.526,
"s": 97.938,
"l": 80.98
},
"oklch": {
"l": 0.82766,
"c": 0.15939,
"h": 328.4
},
"luminance": 0.52769
}Semantic roles & 50–950 ramp
primary
#FE9FFA
secondary
#60E165
accent
#E60A00
background
#FFFDFF
surface
#FFF8FF
border
#D7D1D7
text
#181217
muted
#868285