#4C0F49#4C0F49
#4C0F49 is a dark, moderate purple. Relative luminance 0.024; OKLCH L 30.2% C 0.116 H 330.1°. Best body text is #FFFFFF at 14.27:1 contrast (WCAG AA passes).
Color values
| HEX | #4C0F49 |
|---|---|
| RGB | rgb(76, 15, 73) |
| HSL | hsl(303, 67%, 18%) |
| HSV | hsv(303, 80%, 30%) |
| CMYK | cmyk(0%, 80.3%, 3.9%, 70.2%) |
| CIE-LAB | lab(17.27, 35.49, -20.91) |
| CIE-LCH | lch(17.27, 41.20, 329.49°) |
| OKLab | oklab(30.21% 0.1006 -0.0577) |
| OKLCH | oklch(30.21% 0.116 330.1) |
| XYZ | xyz(4.3539, 2.3595, 6.5282) |
| Luminance | 0.0236 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
Closest named colors
Deep Violet
#490648
ΔE00 1.55
Eggplant Purple
#430541
ΔE00 2.34
Plum Purple
#4E0550
ΔE00 2.52
Grape Purple
#5D1451
ΔE00 3.65
Aubergine
#3D0734
ΔE00 4.76
Eggplant
#380835
ΔE00 4.93
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#4C0F49 #0F4C12
analogous
#300F4C #4C0F49 #4C0F2A
triadic
#4C0F49 #494C0F #0F494C
tetradic
#4C0F49 #4C300F #0F4C12 #0F2A4C
square
#4C0F49 #4C300F #0F4C12 #0F2A4C
split-complementary
#4C0F49 #2A4C0F #0F4C30
monochromatic
#1A0519 #1A0519 #4C0F49 #7F197A #B223AB
Accessibility & contrast
On white
14.27
#4C0F49 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.47
#4C0F49 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #4C0F49
14.27:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##4C0F49 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##4C0F49 | 1.00 | 14.27 | 1.47 | 14.27 |
| #FFFFFF | 14.27 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.47 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 14.27 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#08254B
Deuteranopia (green-blind)
#212D48
Tritanopia (blue-blind)
#4F172B
Achromatopsia (no color)
#2A2A2A
Design tokens & code
CSS
--color: #4c0f49; /* rgb */ color: rgb(76, 15, 73); /* oklch */ color: oklch(30.2% 0.116 330.1);
Tailwind
colors: {
custom: {
50: '#81557c',
500: '#4c0f49',
950: '#000000',
},
}SCSS
$custom: #4c0f49; $custom-light: #81557c; $custom-dark: #000000;
JSON
{
"hex": "#4c0f49",
"rgb": {
"r": 76,
"g": 15,
"b": 73
},
"hsl": {
"h": 302.951,
"s": 67.033,
"l": 17.843
},
"oklch": {
"l": 0.30212,
"c": 0.11596,
"h": 330.1
},
"luminance": 0.02359
}Semantic roles & 50–950 ramp
primary
#4C0F49
secondary
#318635
accent
#EA463E
background
#F8F5F7
surface
#EFE9EE
border
#CAC5C9
text
#0B0309
muted
#7C787B