#390537#390537
#390537 is a very dark, moderate purple. Relative luminance 0.013; OKLCH L 24.6% C 0.102 H 329.9°. Best body text is #FFFFFF at 16.79:1 contrast (WCAG AA passes).
Color values
| HEX | #390537 |
|---|---|
| RGB | rgb(57, 5, 55) |
| HSL | hsl(302, 84%, 12%) |
| HSV | hsv(302, 91%, 22%) |
| CMYK | cmyk(0%, 91.2%, 3.5%, 77.6%) |
| CIE-LAB | lab(10.95, 31.15, -18.47) |
| CIE-LCH | lch(10.95, 36.21, 329.33°) |
| OKLab | oklab(24.59% 0.0881 -0.0511) |
| OKLCH | oklch(24.59% 0.102 329.9) |
| XYZ | xyz(2.4312, 1.2544, 3.7278) |
| Luminance | 0.0125 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
Closest named colors
Eggplant
#380835
ΔE00 1.02
Aubergine
#3D0734
ΔE00 2.09
Eggplant Purple
#430541
ΔE00 2.54
Dark Purple
#35063E
ΔE00 2.86
Deep Purple
#36013F
ΔE00 3.33
Dark Violet
#34013F
ΔE00 3.73
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#390537 #053907
analogous
#210539 #390537 #39051D
triadic
#390537 #373905 #053739
tetradic
#390537 #392105 #053907 #051D39
square
#390537 #392105 #053907 #051D39
split-complementary
#390537 #1D3905 #053921
monochromatic
#1C021B #1C021B #390537 #710A6D #AA0FA4
Accessibility & contrast
On white
16.79
#390537 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.25
#390537 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #390537
16.79:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##390537 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##390537 | 1.00 | 16.79 | 1.25 | 16.79 |
| #FFFFFF | 16.79 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.25 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 16.79 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#001938
Deuteranopia (green-blind)
#152036
Tritanopia (blue-blind)
#3B0C1E
Achromatopsia (no color)
#1D1D1D
Design tokens & code
CSS
--color: #390537; /* rgb */ color: rgb(57, 5, 55); /* oklch */ color: oklch(24.6% 0.102 329.9);
Tailwind
colors: {
custom: {
50: '#724c6e',
500: '#390537',
950: '#000000',
},
}SCSS
$custom: #390537; $custom-light: #724c6e; $custom-dark: #000000;
JSON
{
"hex": "#390537",
"rgb": {
"r": 57,
"g": 5,
"b": 55
},
"hsl": {
"h": 302.308,
"s": 83.871,
"l": 12.157
},
"oklch": {
"l": 0.24593,
"c": 0.10186,
"h": 329.9
},
"luminance": 0.01254
}Semantic roles & 50–950 ramp
primary
#390537
secondary
#207A23
accent
#FA362E
background
#F7F4F6
surface
#EDE7EB
border
#C8C3C6
text
#080107
muted
#7B777A