#EE6FCF#EE6FCF
#EE6FCF is a light, vivid pink. Relative luminance 0.341; OKLCH L 72.3% C 0.191 H 337.7°. Best body text is #000000 at 7.81:1 contrast (WCAG AA passes).
Color values
| HEX | #EE6FCF |
|---|---|
| RGB | rgb(238, 111, 207) |
| HSL | hsl(315, 79%, 68%) |
| HSV | hsv(315, 53%, 93%) |
| CMYK | cmyk(0%, 53.4%, 13%, 6.7%) |
| CIE-LAB | lab(65.01, 60.32, -26.85) |
| CIE-LCH | lch(65.01, 66.02, 336.00°) |
| OKLab | oklab(72.3% 0.1766 -0.0724) |
| OKLCH | oklch(72.3% 0.191 337.7) |
| XYZ | xyz(52.2074, 34.0549, 62.8429) |
| Luminance | 0.3405 (WCAG relative) |
| Temperature | neutral |
| Family | pink |
Closest named colors
Purply Pink
#F075E6
ΔE00 3.95
Orchid
#DA70D6
ΔE00 4.36
Candy Pink
#FF63E9
ΔE00 4.61
Lavender Pink
#DD85D7
ΔE00 5.21
Violet (CSS)
#EE82EE
ΔE00 5.96
Bubblegum Pink
#FE83CC
ΔE00 6.08
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#EE6FCF #6FEE8E
analogous
#CE6FEE #EE6FCF #EE6F8F
triadic
#EE6FCF #CFEE6F #6FCFEE
tetradic
#EE6FCF #EECE6F #6FEE8E #6F8FEE
square
#EE6FCF #EECE6F #6FEE8E #6F8FEE
split-complementary
#EE6FCF #8FEE6F #6FEECE
monochromatic
#CB189F #E838BD #EE6FCF #F4A6E1 #FBDCF3
Accessibility & contrast
On white
2.69
#EE6FCF on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.81
#EE6FCF on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #EE6FCF
7.81:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##EE6FCF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EE6FCF | 1.00 | 2.69 | 7.81 | 7.81 |
| #FFFFFF | 2.69 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.81 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.81 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#7291D2
Deuteranopia (green-blind)
#97A5CC
Tritanopia (blue-blind)
#F97396
Achromatopsia (no color)
#9E9E9E
Design tokens & code
CSS
--color: #ee6fcf; /* rgb */ color: rgb(238, 111, 207); /* oklch */ color: oklch(72.3% 0.191 337.7);
Tailwind
colors: {
custom: {
50: '#f69dde',
500: '#ee6fcf',
950: '#000000',
},
}SCSS
$custom: #ee6fcf; $custom-light: #f69dde; $custom-dark: #000000;
JSON
{
"hex": "#ee6fcf",
"rgb": {
"r": 238,
"g": 111,
"b": 207
},
"hsl": {
"h": 314.646,
"s": 78.882,
"l": 68.431
},
"oklch": {
"l": 0.72301,
"c": 0.19087,
"h": 337.7
},
"luminance": 0.34051
}Semantic roles & 50–950 ramp
primary
#EE6FCF
secondary
#C9F0D3
accent
#DB3D0A
background
#FFFAFD
surface
#FFF3FB
border
#D7CDD4
text
#170F15
muted
#857F83