#D44FF5#D44FF5
#D44FF5 is a light, highly saturated purple. Relative luminance 0.262; OKLCH L 67.2% C 0.252 H 318.9°. Best body text is #000000 at 6.24:1 contrast (WCAG AA passes).
Color values
| HEX | #D44FF5 |
|---|---|
| RGB | rgb(212, 79, 245) |
| HSL | hsl(288, 89%, 64%) |
| HSV | hsv(288, 68%, 96%) |
| CMYK | cmyk(13.5%, 67.8%, 0%, 3.9%) |
| CIE-LAB | lab(58.21, 73.90, -59.03) |
| CIE-LCH | lch(58.21, 94.58, 321.38°) |
| OKLab | oklab(67.2% 0.1899 -0.1654) |
| OKLCH | oklch(67.2% 0.252 318.9) |
| XYZ | xyz(46.4266, 26.1837, 88.9770) |
| Luminance | 0.2618 (WCAG relative) |
| Temperature | cool |
| Family | purple |
Closest named colors
Heliotrope
#D94FF5
ΔE00 0.89
Bright Lilac
#C95EFB
ΔE00 2.87
Bright Lavender
#C760FF
ΔE00 3.59
Pinkish Purple
#D648D7
ΔE00 4.73
Pink Purple
#EF1DE7
ΔE00 5.56
Mediumorchid
#BA55D3
ΔE00 5.78
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#D44FF5 #70F54F
analogous
#814FF5 #D44FF5 #F54FC3
triadic
#D44FF5 #F5D44F #4FF5D4
tetradic
#D44FF5 #F5814F #70F54F #4FC3F5
square
#D44FF5 #F5814F #70F54F #4FC3F5
split-complementary
#D44FF5 #C3F54F #4FF581
monochromatic
#9B0BBF #C615F2 #D44FF5 #E289F8 #F0C3FC
Accessibility & contrast
On white
3.37
#D44FF5 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.24
#D44FF5 on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #D44FF5
6.24:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##D44FF5 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D44FF5 | 1.00 | 3.37 | 6.24 | 6.24 |
| #FFFFFF | 3.37 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.24 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.24 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#0083FA
Deuteranopia (green-blind)
#5990F1
Tritanopia (blue-blind)
#D46E9C
Achromatopsia (no color)
#8C8C8C
Design tokens & code
CSS
--color: #d44ff5; /* rgb */ color: rgb(212, 79, 245); /* oklch */ color: oklch(67.2% 0.252 318.9);
Tailwind
colors: {
custom: {
50: '#e58af9',
500: '#d44ff5',
950: '#000000',
},
}SCSS
$custom: #d44ff5; $custom-light: #e58af9; $custom-dark: #000000;
JSON
{
"hex": "#d44ff5",
"rgb": {
"r": 212,
"g": 79,
"b": 245
},
"hsl": {
"h": 288.072,
"s": 89.247,
"l": 63.529
},
"oklch": {
"l": 0.672,
"c": 0.25185,
"h": 318.9
},
"luminance": 0.26182
}Semantic roles & 50–950 ramp
primary
#D44FF5
secondary
#BEEDB2
accent
#E6002E
background
#FEF9FF
surface
#FDF1FF
border
#D5CBD7
text
#160D17
muted
#847E85