#E973CD#E973CD
#E973CD is a light, vivid pink. Relative luminance 0.340; OKLCH L 72.1% C 0.179 H 337.1°. Best body text is #000000 at 7.80:1 contrast (WCAG AA passes).
Color values
| HEX | #E973CD |
|---|---|
| RGB | rgb(233, 115, 205) |
| HSL | hsl(314, 73%, 68%) |
| HSV | hsv(314, 51%, 91%) |
| CMYK | cmyk(0%, 50.6%, 12%, 8.6%) |
| CIE-LAB | lab(64.96, 56.68, -25.86) |
| CIE-LCH | lch(64.96, 62.30, 335.48°) |
| OKLab | oklab(72.1% 0.1654 -0.0697) |
| OKLCH | oklch(72.1% 0.179 337.1) |
| XYZ | xyz(50.7548, 33.9965, 61.6345) |
| Luminance | 0.3399 (WCAG relative) |
| Temperature | neutral |
| Family | pink |
Closest named colors
Orchid
#DA70D6
ΔE00 4.13
Purply Pink
#F075E6
ΔE00 4.17
Lavender Pink
#DD85D7
ΔE00 4.46
Candy Pink
#FF63E9
ΔE00 5.37
Orchid (survey)
#C875C4
ΔE00 5.72
Violet (CSS)
#EE82EE
ΔE00 5.89
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#E973CD #73E98F
analogous
#CA73E9 #E973CD #E97392
triadic
#E973CD #CDE973 #73CDE9
tetradic
#E973CD #E9CA73 #73E98F #7392E9
square
#E973CD #E9CA73 #73E98F #7392E9
split-complementary
#E973CD #92E973 #73E9CA
monochromatic
#C31F9C #E13EBA #E973CD #F1A8E0 #FADDF3
Accessibility & contrast
On white
2.69
#E973CD on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.80
#E973CD on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #E973CD
7.80:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##E973CD | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##E973CD | 1.00 | 2.69 | 7.80 | 7.80 |
| #FFFFFF | 2.69 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.80 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.80 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#7592D0
Deuteranopia (green-blind)
#97A4CA
Tritanopia (blue-blind)
#F47797
Achromatopsia (no color)
#9E9E9E
Design tokens & code
CSS
--color: #e973cd; /* rgb */ color: rgb(233, 115, 205); /* oklch */ color: oklch(72.1% 0.179 337.1);
Tailwind
colors: {
custom: {
50: '#f29fdc',
500: '#e973cd',
950: '#000000',
},
}SCSS
$custom: #e973cd; $custom-light: #f29fdc; $custom-dark: #000000;
JSON
{
"hex": "#e973cd",
"rgb": {
"r": 233,
"g": 115,
"b": 205
},
"hsl": {
"h": 314.237,
"s": 72.84,
"l": 68.235
},
"oklch": {
"l": 0.72103,
"c": 0.17945,
"h": 337.1
},
"luminance": 0.33993
}Semantic roles & 50–950 ramp
primary
#E973CD
secondary
#CAEED2
accent
#D53F11
background
#FFFAFD
surface
#FFF4FB
border
#D7CED4
text
#170F15
muted
#857F83