#500C4A#500C4A
#500C4A is a dark, vivid purple. Relative luminance 0.025; OKLCH L 30.7% C 0.123 H 332.2°. Best body text is #FFFFFF at 14.07:1 contrast (WCAG AA passes).
Color values
| HEX | #500C4A |
|---|---|
| RGB | rgb(80, 12, 74) |
| HSL | hsl(305, 74%, 18%) |
| HSV | hsv(305, 85%, 31%) |
| CMYK | cmyk(0%, 85%, 7.5%, 68.6%) |
| CIE-LAB | lab(17.75, 37.73, -20.79) |
| CIE-LCH | lch(17.75, 43.08, 331.14°) |
| OKLab | oklab(30.73% 0.1084 -0.0572) |
| OKLCH | oklch(30.73% 0.123 332.2) |
| XYZ | xyz(4.6758, 2.4632, 6.7064) |
| Luminance | 0.0246 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
Closest named colors
Deep Violet
#490648
ΔE00 1.84
Plum Purple
#4E0550
ΔE00 2.43
Eggplant Purple
#430541
ΔE00 2.86
Grape Purple
#5D1451
ΔE00 2.96
Plum (survey)
#580F41
ΔE00 4.50
Aubergine
#3D0734
ΔE00 5.20
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#500C4A #0C5012
analogous
#340C50 #500C4A #500C28
triadic
#500C4A #4A500C #0C4A50
tetradic
#500C4A #50340C #0C5012 #0C2850
square
#500C4A #50340C #0C5012 #0C2850
split-complementary
#500C4A #28500C #0C5034
monochromatic
#1B0419 #1B0419 #500C4A #85147B #BA1CAC
Accessibility & contrast
On white
14.07
#500C4A on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.49
#500C4A on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #500C4A
14.07:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##500C4A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##500C4A | 1.00 | 14.07 | 1.49 | 14.07 |
| #FFFFFF | 14.07 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.49 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 14.07 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#07254C
Deuteranopia (green-blind)
#232F48
Tritanopia (blue-blind)
#54142B
Achromatopsia (no color)
#2B2B2B
Design tokens & code
CSS
--color: #500c4a; /* rgb */ color: rgb(80, 12, 74); /* oklch */ color: oklch(30.7% 0.123 332.2);
Tailwind
colors: {
custom: {
50: '#84547d',
500: '#500c4a',
950: '#000000',
},
}SCSS
$custom: #500c4a; $custom-light: #84547d; $custom-dark: #000000;
JSON
{
"hex": "#500c4a",
"rgb": {
"r": 80,
"g": 12,
"b": 74
},
"hsl": {
"h": 305.294,
"s": 73.913,
"l": 18.039
},
"oklch": {
"l": 0.30725,
"c": 0.12255,
"h": 332.2
},
"luminance": 0.02463
}Semantic roles & 50–950 ramp
primary
#500C4A
secondary
#2C8B35
accent
#F14837
background
#F8F5F7
surface
#EFE9EE
border
#CAC5C9
text
#0B0309
muted
#7C787B