#601755#601755
#601755 is a dark, vivid purple. Relative luminance 0.038; OKLCH L 35.2% C 0.128 H 334.7°. Best body text is #FFFFFF at 11.99:1 contrast (WCAG AA passes).
Color values
| HEX | #601755 |
|---|---|
| RGB | rgb(96, 23, 85) |
| HSL | hsl(309, 61%, 23%) |
| HSV | hsv(309, 76%, 38%) |
| CMYK | cmyk(0%, 76%, 11.5%, 62.4%) |
| CIE-LAB | lab(22.85, 39.81, -20.02) |
| CIE-LCH | lch(22.85, 44.56, 333.31°) |
| OKLab | oklab(35.18% 0.1159 -0.0547) |
| OKLCH | oklch(35.18% 0.128 334.7) |
| XYZ | xyz(6.7700, 3.7561, 8.9610) |
| Luminance | 0.0376 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
Closest named colors
Grape Purple
#5D1451
ΔE00 0.92
Rich Purple
#720058
ΔE00 4.05
Plum (survey)
#580F41
ΔE00 4.59
Plum Purple
#4E0550
ΔE00 4.95
Deep Violet
#490648
ΔE00 5.37
Velvet
#750851
ΔE00 5.47
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#601755 #176022
analogous
#461760 #601755 #601730
triadic
#601755 #556017 #175560
tetradic
#601755 #604617 #176022 #173060
square
#601755 #604617 #176022 #173060
split-complementary
#601755 #306017 #176046
monochromatic
#190616 #2F0B29 #601755 #912381 #C32FAC
Accessibility & contrast
On white
11.99
#601755 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.75
#601755 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #601755
11.99:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##601755 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##601755 | 1.00 | 11.99 | 1.75 | 11.99 |
| #FFFFFF | 11.99 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.75 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 11.99 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#163057
Deuteranopia (green-blind)
#303A53
Tritanopia (blue-blind)
#651D34
Achromatopsia (no color)
#373737
Design tokens & code
CSS
--color: #601755; /* rgb */ color: rgb(96, 23, 85); /* oklch */ color: oklch(35.2% 0.128 334.7);
Tailwind
colors: {
custom: {
50: '#905c85',
500: '#601755',
950: '#000000',
},
}SCSS
$custom: #601755; $custom-light: #905c85; $custom-dark: #000000;
JSON
{
"hex": "#601755",
"rgb": {
"r": 96,
"g": 23,
"b": 85
},
"hsl": {
"h": 309.041,
"s": 61.345,
"l": 23.333
},
"oklch": {
"l": 0.3518,
"c": 0.12818,
"h": 334.7
},
"luminance": 0.03755
}Semantic roles & 50–950 ramp
primary
#601755
secondary
#3C974A
accent
#E45C43
background
#F9F5F8
surface
#F1E9EF
border
#CBC5CA
text
#0D040B
muted
#7E797C