#FA59AA#FA59AA
#FA59AA is a light, highly saturated pink. Relative luminance 0.304; OKLCH L 70.0% C 0.210 H 352.8°. Best body text is #000000 at 7.07:1 contrast (WCAG AA passes).
Color values
| HEX | #FA59AA |
|---|---|
| RGB | rgb(250, 89, 170) |
| HSL | hsl(330, 94%, 66%) |
| HSV | hsv(330, 64%, 98%) |
| CMYK | cmyk(0%, 64.4%, 32%, 2%) |
| CIE-LAB | lab(61.98, 68.20, -10.26) |
| CIE-LCH | lch(61.98, 68.97, 351.45°) |
| OKLab | oklab(69.98% 0.2081 -0.0263) |
| OKLCH | oklch(69.98% 0.21 352.8) |
| XYZ | xyz(50.2551, 30.3765, 41.2391) |
| Luminance | 0.3037 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Barbie Pink
#FE46A5
ΔE00 2.41
Hot Pink
#FF69B4
ΔE00 3.11
Bubble Gum Pink
#FF69AF
ΔE00 3.12
Bubblegum (survey)
#FF6CB5
ΔE00 3.61
Medium Pink
#F36196
ΔE00 4.83
Pale Magenta
#D767AD
ΔE00 6.19
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#FA59AA #59FAA9
analogous
#FA59FA #FA59AA #FA595A
triadic
#FA59AA #AAFA59 #59AAFA
tetradic
#FA59AA #FAFA59 #59FAA9 #595AFA
square
#FA59AA #FAFA59 #59FAA9 #595AFA
split-complementary
#FA59AA #5AFA59 #59FAFA
monochromatic
#D2066D #F81E8C #FA59AA #FC94C8 #FED0E7
Accessibility & contrast
On white
2.97
#FA59AA on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.07
#FA59AA on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #FA59AA
7.07:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##FA59AA | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FA59AA | 1.00 | 2.97 | 7.07 | 7.07 |
| #FFFFFF | 2.97 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.07 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.07 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#7283AC
Deuteranopia (green-blind)
#9FA1A6
Tritanopia (blue-blind)
#FF4F7A
Achromatopsia (no color)
#969696
Design tokens & code
CSS
--color: #fa59aa; /* rgb */ color: rgb(250, 89, 170); /* oklch */ color: oklch(70.0% 0.210 352.8);
Tailwind
colors: {
custom: {
50: '#ff91c3',
500: '#fa59aa',
950: '#000000',
},
}SCSS
$custom: #fa59aa; $custom-light: #ff91c3; $custom-dark: #000000;
JSON
{
"hex": "#fa59aa",
"rgb": {
"r": 250,
"g": 89,
"b": 170
},
"hsl": {
"h": 329.814,
"s": 94.152,
"l": 66.471
},
"oklch": {
"l": 0.69979,
"c": 0.20974,
"h": 352.8
},
"luminance": 0.30371
}Semantic roles & 50–950 ramp
primary
#FA59AA
secondary
#BDF1D7
accent
#E67200
background
#FFF9FB
surface
#FFF2F7
border
#D7CCD0
text
#190E12
muted
#877E81