#401750#401750
#401750 is a dark, moderate purple. Relative luminance 0.023; OKLCH L 29.7% C 0.105 H 315.1°. Best body text is #FFFFFF at 14.42:1 contrast (WCAG AA passes).
Color values
| HEX | #401750 |
|---|---|
| RGB | rgb(64, 23, 80) |
| HSL | hsl(283, 55%, 20%) |
| HSV | hsv(283, 71%, 31%) |
| CMYK | cmyk(20%, 71.2%, 0%, 68.6%) |
| CIE-LAB | lab(16.90, 30.17, -26.42) |
| CIE-LCH | lch(16.90, 40.10, 318.79°) |
| OKLab | oklab(29.67% 0.0745 -0.0742) |
| OKLCH | oklch(29.67% 0.105 315.1) |
| XYZ | xyz(3.8685, 2.2821, 7.8246) |
| Luminance | 0.0228 (WCAG relative) |
| Temperature | cool |
| Family | purple |
Closest named colors
Dark Purple
#35063E
ΔE00 4.31
Deep Violet
#490648
ΔE00 4.50
Plum Purple
#4E0550
ΔE00 4.55
Deep Purple
#36013F
ΔE00 4.77
Dark Violet
#34013F
ΔE00 4.86
Eggplant Purple
#430541
ΔE00 4.86
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#401750 #275017
analogous
#231750 #401750 #501743
triadic
#401750 #504017 #175040
tetradic
#401750 #502317 #275017 #174350
square
#401750 #502317 #275017 #174350
split-complementary
#401750 #435017 #175023
monochromatic
#130718 #1A0920 #401750 #662580 #8C32AF
Accessibility & contrast
On white
14.42
#401750 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.46
#401750 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #401750
14.42:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##401750 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##401750 | 1.00 | 14.42 | 1.46 | 14.42 |
| #FFFFFF | 14.42 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.46 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 14.42 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#012752
Deuteranopia (green-blind)
#162B4F
Tritanopia (blue-blind)
#3F2231
Achromatopsia (no color)
#2A2A2A
Design tokens & code
CSS
--color: #401750; /* rgb */ color: rgb(64, 23, 80); /* oklch */ color: oklch(29.7% 0.105 315.1);
Tailwind
colors: {
custom: {
50: '#775781',
500: '#401750',
950: '#000000',
},
}SCSS
$custom: #401750; $custom-light: #775781; $custom-dark: #000000;
JSON
{
"hex": "#401750",
"rgb": {
"r": 64,
"g": 23,
"b": 80
},
"hsl": {
"h": 283.158,
"s": 55.34,
"l": 20.196
},
"oklch": {
"l": 0.29673,
"c": 0.10513,
"h": 315.1
},
"luminance": 0.02282
}Semantic roles & 50–950 ramp
primary
#401750
secondary
#51873C
accent
#DF4973
background
#F7F5F7
surface
#EDE9EE
border
#C8C5C9
text
#09030A
muted
#7B787C