#DA44FC#DA44FC
#DA44FC is a light, highly saturated purple. Relative luminance 0.261; OKLCH L 67.4% C 0.272 H 319.4°. Best body text is #000000 at 6.21:1 contrast (WCAG AA passes).
Color values
| HEX | #DA44FC |
|---|---|
| RGB | rgb(218, 68, 252) |
| HSL | hsl(289, 97%, 63%) |
| HSV | hsv(289, 73%, 99%) |
| CMYK | cmyk(13.5%, 73%, 0%, 1.2%) |
| CIE-LAB | lab(58.10, 80.27, -63.04) |
| CIE-LCH | lch(58.10, 102.07, 321.85°) |
| OKLab | oklab(67.43% 0.2065 -0.1769) |
| OKLCH | oklch(67.43% 0.272 319.4) |
| XYZ | xyz(48.5490, 26.0703, 94.5514) |
| Luminance | 0.2607 (WCAG relative) |
| Temperature | cool |
| Family | purple |
Closest named colors
Heliotrope
#D94FF5
ΔE00 1.59
Bright Lilac
#C95EFB
ΔE00 3.80
Bright Lavender
#C760FF
ΔE00 4.38
Pink Purple
#EF1DE7
ΔE00 5.06
Magenta
#FF00FF
ΔE00 5.15
Fuchsia
#FF00FF
ΔE00 5.15
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#DA44FC #66FC44
analogous
#7E44FC #DA44FC #FC44C2
triadic
#DA44FC #FCDA44 #44FCDA
tetradic
#DA44FC #FC7E44 #66FC44 #44C2FC
square
#DA44FC #FC7E44 #66FC44 #44C2FC
split-complementary
#DA44FC #C2FC44 #44FC7E
monochromatic
#9F03C2 #CE08FB #DA44FC #E680FD #F2BCFE
Accessibility & contrast
On white
3.38
#DA44FC on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.21
#DA44FC on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #DA44FC
6.21:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##DA44FC | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DA44FC | 1.00 | 3.38 | 6.21 | 6.21 |
| #FFFFFF | 3.38 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.21 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.21 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#0082FF
Deuteranopia (green-blind)
#5291F8
Tritanopia (blue-blind)
#DA699D
Achromatopsia (no color)
#8C8C8C
Design tokens & code
CSS
--color: #da44fc; /* rgb */ color: rgb(218, 68, 252); /* oklch */ color: oklch(67.4% 0.272 319.4);
Tailwind
colors: {
custom: {
50: '#ea86fe',
500: '#da44fc',
950: '#000000',
},
}SCSS
$custom: #da44fc; $custom-light: #ea86fe; $custom-dark: #000000;
JSON
{
"hex": "#da44fc",
"rgb": {
"r": 218,
"g": 68,
"b": 252
},
"hsl": {
"h": 288.913,
"s": 96.842,
"l": 62.745
},
"oklch": {
"l": 0.67428,
"c": 0.27195,
"h": 319.4
},
"luminance": 0.26068
}Semantic roles & 50–950 ramp
primary
#DA44FC
secondary
#B9EFAD
accent
#E6002A
background
#FEF8FF
surface
#FDF0FF
border
#D5CBD7
text
#170C18
muted
#857D86