#FC6FD7#FC6FD7
#FC6FD7 is a light, highly saturated pink. Relative luminance 0.370; OKLCH L 74.5% C 0.207 H 338.8°. Best body text is #000000 at 8.39:1 contrast (WCAG AA passes).
Color values
| HEX | #FC6FD7 |
|---|---|
| RGB | rgb(252, 111, 215) |
| HSL | hsl(316, 96%, 71%) |
| HSV | hsv(316, 56%, 99%) |
| CMYK | cmyk(0%, 56%, 14.7%, 1.2%) |
| CIE-LAB | lab(67.26, 65.46, -27.70) |
| CIE-LCH | lch(67.26, 71.08, 337.06°) |
| OKLab | oklab(74.46% 0.1928 -0.0746) |
| OKLCH | oklch(74.46% 0.207 338.8) |
| XYZ | xyz(58.0959, 36.9753, 68.3539) |
| Luminance | 0.3697 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Candy Pink
#FF63E9
ΔE00 3.75
Purply Pink
#F075E6
ΔE00 3.81
Bubblegum Pink
#FE83CC
ΔE00 5.30
Violet (CSS)
#EE82EE
ΔE00 5.63
Orchid
#DA70D6
ΔE00 6.00
Lavender Pink
#DD85D7
ΔE00 6.12
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#FC6FD7 #6FFC94
analogous
#DB6FFC #FC6FD7 #FC6F90
triadic
#FC6FD7 #D7FC6F #6FD7FC
tetradic
#FC6FD7 #FCDB6F #6FFC94 #6F90FC
square
#FC6FD7 #FCDB6F #6FFC94 #6F90FC
split-complementary
#FC6FD7 #90FC6F #6FFCDB
monochromatic
#EC05AF #FB33C6 #FC6FD7 #FDABE8 #FEE1F7
Accessibility & contrast
On white
2.50
#FC6FD7 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.39
#FC6FD7 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #FC6FD7
8.39:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##FC6FD7 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FC6FD7 | 1.00 | 2.50 | 8.39 | 8.39 |
| #FFFFFF | 2.50 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.39 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.39 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#7596DA
Deuteranopia (green-blind)
#9DACD3
Tritanopia (blue-blind)
#FF739A
Achromatopsia (no color)
#A4A4A4
Design tokens & code
CSS
--color: #fc6fd7; /* rgb */ color: rgb(252, 111, 215); /* oklch */ color: oklch(74.5% 0.207 338.8);
Tailwind
colors: {
custom: {
50: '#ff9ee3',
500: '#fc6fd7',
950: '#000000',
},
}SCSS
$custom: #fc6fd7; $custom-light: #ff9ee3; $custom-dark: #000000;
JSON
{
"hex": "#fc6fd7",
"rgb": {
"r": 252,
"g": 111,
"b": 215
},
"hsl": {
"h": 315.745,
"s": 95.918,
"l": 71.176
},
"oklch": {
"l": 0.74461,
"c": 0.20668,
"h": 338.8
},
"luminance": 0.36971
}Semantic roles & 50–950 ramp
primary
#FC6FD7
secondary
#D1F6DB
accent
#E63C00
background
#FFFAFD
surface
#FFF4FB
border
#D7CED4
text
#180F15
muted
#867F83