#FA7EF7#FA7EF7
#FA7EF7 is a light, highly saturated purple. Relative luminance 0.420; OKLCH L 77.5% C 0.208 H 328.3°. Best body text is #000000 at 9.39:1 contrast (WCAG AA passes).
Color values
| HEX | #FA7EF7 |
|---|---|
| RGB | rgb(250, 126, 247) |
| HSL | hsl(301, 93%, 74%) |
| HSV | hsv(301, 50%, 98%) |
| CMYK | cmyk(0%, 49.6%, 1.2%, 2%) |
| CIE-LAB | lab(70.85, 63.16, -39.84) |
| CIE-LCH | lch(70.85, 74.67, 327.76°) |
| OKLab | oklab(77.48% 0.1765 -0.1092) |
| OKLCH | oklch(77.48% 0.208 328.3) |
| XYZ | xyz(63.6728, 41.9647, 92.7239) |
| Luminance | 0.4196 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
Closest named colors
Violet (CSS)
#EE82EE
ΔE00 2.02
Purply Pink
#F075E6
ΔE00 3.08
Candy Pink
#FF63E9
ΔE00 4.62
Light Magenta
#FA5FF7
ΔE00 5.08
Violet Pink
#FB5FFC
ΔE00 5.13
Lavender Pink
#DD85D7
ΔE00 6.10
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#FA7EF7 #7EFA81
analogous
#BF7EFA #FA7EF7 #FA7EB9
triadic
#FA7EF7 #F7FA7E #7EF7FA
tetradic
#FA7EF7 #FABF7E #7EFA81 #7EB9FA
square
#FA7EF7 #FABF7E #7EFA81 #7EB9FA
split-complementary
#FA7EF7 #B9FA7E #7EFABF
monochromatic
#F409EE #F843F3 #FA7EF7 #FCB9FB #FEE2FD
Accessibility & contrast
On white
2.24
#FA7EF7 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.39
#FA7EF7 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #FA7EF7
9.39:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##FA7EF7 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FA7EF7 | 1.00 | 2.24 | 9.39 | 9.39 |
| #FFFFFF | 2.24 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.39 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.39 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#74A3FB
Deuteranopia (green-blind)
#99B3F3
Tritanopia (blue-blind)
#FF8BB0
Achromatopsia (no color)
#ADADAD
Design tokens & code
CSS
--color: #fa7ef7; /* rgb */ color: rgb(250, 126, 247); /* oklch */ color: oklch(77.5% 0.208 328.3);
Tailwind
colors: {
custom: {
50: '#fea8fa',
500: '#fa7ef7',
950: '#000000',
},
}SCSS
$custom: #fa7ef7; $custom-light: #fea8fa; $custom-dark: #000000;
JSON
{
"hex": "#fa7ef7",
"rgb": {
"r": 250,
"g": 126,
"b": 247
},
"hsl": {
"h": 301.452,
"s": 92.537,
"l": 73.725
},
"oklch": {
"l": 0.77482,
"c": 0.20755,
"h": 328.3
},
"luminance": 0.41961
}Semantic roles & 50–950 ramp
primary
#FA7EF7
secondary
#D5F6D6
accent
#E60600
background
#FFFAFF
surface
#FFF4FF
border
#D7CED7
text
#181017
muted
#867F85