#D46EAD#D46EAD
#D46EAD is a light, vivid pink. Relative luminance 0.282; OKLCH L 67.5% C 0.148 H 343.9°. Best body text is #000000 at 6.63:1 contrast (WCAG AA passes).
Color values
| HEX | #D46EAD |
|---|---|
| RGB | rgb(212, 110, 173) |
| HSL | hsl(323, 54%, 63%) |
| HSV | hsv(323, 48%, 83%) |
| CMYK | cmyk(0%, 48.1%, 18.4%, 16.9%) |
| CIE-LAB | lab(60.04, 47.77, -15.45) |
| CIE-LCH | lch(60.04, 50.21, 342.08°) |
| OKLab | oklab(67.47% 0.1419 -0.0409) |
| OKLCH | oklch(67.47% 0.148 343.9) |
| XYZ | xyz(40.2709, 28.1690, 42.8432) |
| Luminance | 0.2817 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Pale Magenta
#D767AD
ΔE00 1.59
Purplish Pink
#CE5DAE
ΔE00 4.71
Orchid (survey)
#C875C4
ΔE00 6.16
Hot Pink
#FF69B4
ΔE00 7.26
Bubblegum (survey)
#FF6CB5
ΔE00 7.36
Bubble Gum Pink
#FF69AF
ΔE00 7.60
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#D46EAD #6ED495
analogous
#C86ED4 #D46EAD #D46E7A
triadic
#D46EAD #ADD46E #6EADD4
tetradic
#D46EAD #D4C86E #6ED495 #6E7AD4
square
#D46EAD #D4C86E #6ED495 #6E7AD4
split-complementary
#D46EAD #7AD46E #6ED4C8
monochromatic
#9A2E71 #C63F92 #D46EAD #E29DC8 #F0CCE2
Accessibility & contrast
On white
3.17
#D46EAD on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.63
#D46EAD on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #D46EAD
6.63:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##D46EAD | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D46EAD | 1.00 | 3.17 | 6.63 | 6.63 |
| #FFFFFF | 3.17 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.63 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.63 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#7586AF
Deuteranopia (green-blind)
#9097AA
Tritanopia (blue-blind)
#DF6E86
Achromatopsia (no color)
#919191
Design tokens & code
CSS
--color: #d46ead; /* rgb */ color: rgb(212, 110, 173); /* oklch */ color: oklch(67.5% 0.148 343.9);
Tailwind
colors: {
custom: {
50: '#e39ac5',
500: '#d46ead',
950: '#000000',
},
}SCSS
$custom: #d46ead; $custom-light: #e39ac5; $custom-dark: #000000;
JSON
{
"hex": "#d46ead",
"rgb": {
"r": 212,
"g": 110,
"b": 173
},
"hsl": {
"h": 322.941,
"s": 54.255,
"l": 63.137
},
"oklch": {
"l": 0.67468,
"c": 0.14773,
"h": 343.9
},
"luminance": 0.28166
}Semantic roles & 50–950 ramp
primary
#D46EAD
secondary
#BDE1CB
accent
#C26024
background
#FEF9FC
surface
#FCF2F8
border
#D5CCD1
text
#160E13
muted
#847E82