#FA99F9#FA99F9
#FA99F9 is a light, vivid purple. Relative luminance 0.499; OKLCH L 81.4% C 0.166 H 327.3°. Best body text is #000000 at 10.99:1 contrast (WCAG AA passes).
Color values
| HEX | #FA99F9 |
|---|---|
| RGB | rgb(250, 153, 249) |
| HSL | hsl(301, 91%, 79%) |
| HSV | hsv(301, 39%, 98%) |
| CMYK | cmyk(0%, 38.8%, 0.4%, 2%) |
| CIE-LAB | lab(76.04, 50.29, -32.87) |
| CIE-LCH | lch(76.04, 60.08, 326.83°) |
| OKLab | oklab(81.38% 0.1397 -0.0896) |
| OKLCH | oklch(81.38% 0.166 327.3) |
| XYZ | xyz(67.9132, 49.9491, 95.6680) |
| Luminance | 0.4995 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
Closest named colors
Violet (CSS)
#EE82EE
ΔE00 5.10
Plum
#DDA0DD
ΔE00 6.73
Lavender Pink
#DD85D7
ΔE00 6.91
Purply Pink
#F075E6
ΔE00 7.41
Mauve
#E0B0FF
ΔE00 7.84
Bubblegum Pink
#FE83CC
ΔE00 8.73
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#FA99F9 #99FA9A
analogous
#CB99FA #FA99F9 #FA99C9
triadic
#FA99F9 #F9FA99 #99F9FA
tetradic
#FA99F9 #FACB99 #99FA9A #99C9FA
square
#FA99F9 #FACB99 #99FA9A #99C9FA
split-complementary
#FA99F9 #C9FA99 #99FACB
monochromatic
#F424F2 #F75FF6 #FA99F9 #FDD3FC #FEE2FD
Accessibility & contrast
On white
1.91
#FA99F9 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.99
#FA99F9 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #FA99F9
10.99:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##FA99F9 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FA99F9 | 1.00 | 1.91 | 10.99 | 10.99 |
| #FFFFFF | 1.91 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.99 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.99 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#92B4FC
Deuteranopia (green-blind)
#ABC0F6
Tritanopia (blue-blind)
#FFA2BE
Achromatopsia (no color)
#BBBBBB
Design tokens & code
CSS
--color: #fa99f9; /* rgb */ color: rgb(250, 153, 249); /* oklch */ color: oklch(81.4% 0.166 327.3);
Tailwind
colors: {
custom: {
50: '#fdb9fb',
500: '#fa99f9',
950: '#000000',
},
}SCSS
$custom: #fa99f9; $custom-light: #fdb9fb; $custom-dark: #000000;
JSON
{
"hex": "#fa99f9",
"rgb": {
"r": 250,
"g": 153,
"b": 249
},
"hsl": {
"h": 300.619,
"s": 90.654,
"l": 79.02
},
"oklch": {
"l": 0.81376,
"c": 0.16591,
"h": 327.3
},
"luminance": 0.49946
}Semantic roles & 50–950 ramp
primary
#FA99F9
secondary
#D5F6D6
accent
#E60200
background
#FFFBFF
surface
#FFF6FF
border
#D7D0D7
text
#181217
muted
#868185