#D94479#D94479
#D94479 is a mid, vivid pink. Relative luminance 0.203; OKLCH L 61.2% C 0.189 H 2.9°. Best body text is #000000 at 5.05:1 contrast (WCAG AA passes).
Color values
| HEX | #D94479 |
|---|---|
| RGB | rgb(217, 68, 121) |
| HSL | hsl(339, 66%, 56%) |
| HSV | hsv(339, 69%, 85%) |
| CMYK | cmyk(0%, 68.7%, 44.2%, 14.9%) |
| CIE-LAB | lab(52.14, 61.69, 3.42) |
| CIE-LCH | lch(52.14, 61.79, 3.17°) |
| OKLab | oklab(61.2% 0.1887 0.0095) |
| OKLCH | oklch(61.2% 0.189 2.9) |
| XYZ | xyz(34.1362, 20.2707, 20.2005) |
| Luminance | 0.2027 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Darkish Pink
#DA467D
ΔE00 0.90
Dark Pink
#CB416B
ΔE00 3.85
Deep Rose
#C74767
ΔE00 5.05
Blush
#DE5D83
ΔE00 5.25
Cherry
#DE3163
ΔE00 5.26
Rose
#FF007F
ΔE00 5.93
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#D94479 #44D9A4
analogous
#D944C3 #D94479 #D95944
triadic
#D94479 #79D944 #4479D9
tetradic
#D94479 #C3D944 #44D9A4 #5944D9
square
#D94479 #C3D944 #44D9A4 #5944D9
split-complementary
#D94479 #44D959 #44C3D9
monochromatic
#871B42 #BA265B #D94479 #E3779D #EEAAC2
Accessibility & contrast
On white
4.16
#D94479 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.05
#D94479 on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #D94479
5.05:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##D94479 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D94479 | 1.00 | 4.16 | 5.05 | 5.05 |
| #FFFFFF | 4.16 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.05 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.05 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#646A7A
Deuteranopia (green-blind)
#8C8776
Tritanopia (blue-blind)
#EB2E5A
Achromatopsia (no color)
#7C7C7C
Design tokens & code
CSS
--color: #d94479; /* rgb */ color: rgb(217, 68, 121); /* oklch */ color: oklch(61.2% 0.189 2.9);
Tailwind
colors: {
custom: {
50: '#ea829f',
500: '#d94479',
950: '#000000',
},
}SCSS
$custom: #d94479; $custom-light: #ea829f; $custom-dark: #000000;
JSON
{
"hex": "#d94479",
"rgb": {
"r": 217,
"g": 68,
"b": 121
},
"hsl": {
"h": 338.658,
"s": 66.222,
"l": 55.882
},
"oklch": {
"l": 0.612,
"c": 0.18898,
"h": 2.9
},
"luminance": 0.20266
}Semantic roles & 50–950 ramp
primary
#D94479
secondary
#9EDBC5
accent
#E9AD3F
background
#FFF8F9
surface
#FEF0F2
border
#D6CBCC
text
#170B0E
muted
#857C7E