#461C79#461C79
#461C79 is a dark, vivid violet. Relative luminance 0.035; OKLCH L 34.5% C 0.147 H 298.9°. Best body text is #FFFFFF at 12.33:1 contrast (WCAG AA passes).
Color values
| HEX | #461C79 |
|---|---|
| RGB | rgb(70, 28, 121) |
| HSL | hsl(267, 62%, 29%) |
| HSV | hsv(267, 77%, 47%) |
| CMYK | cmyk(42.1%, 76.9%, 0%, 52.5%) |
| CIE-LAB | lab(21.99, 39.57, -45.12) |
| CIE-LCH | lch(21.99, 60.02, 311.25°) |
| OKLab | oklab(34.53% 0.0713 -0.129) |
| OKLCH | oklch(34.53% 0.147 298.9) |
| XYZ | xyz(6.3914, 3.5130, 18.4268) |
| Luminance | 0.0351 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Closest named colors
Indigo
#4B0082
ΔE00 3.97
Royal Purple (survey)
#4B006E
ΔE00 4.49
Indigo (survey)
#380282
ΔE00 4.90
Midnight Blue
#191970
ΔE00 7.12
Royal
#0C1793
ΔE00 8.14
Rebeccapurple
#663399
ΔE00 8.27
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#461C79 #4F791C
analogous
#1C2179 #461C79 #751C79
triadic
#461C79 #79461C #1C7946
tetradic
#461C79 #791C21 #4F791C #1C7975
square
#461C79 #791C21 #4F791C #1C7975
split-complementary
#461C79 #79751C #21791C
monochromatic
#0E0619 #291047 #461C79 #6328AB #803DD2
Accessibility & contrast
On white
12.33
#461C79 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.70
#461C79 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #461C79
12.33:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##461C79 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##461C79 | 1.00 | 12.33 | 1.70 | 12.33 |
| #FFFFFF | 12.33 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.70 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 12.33 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#00357C
Deuteranopia (green-blind)
#003477
Tritanopia (blue-blind)
#3A3449
Achromatopsia (no color)
#353535
Design tokens & code
CSS
--color: #461c79; /* rgb */ color: rgb(70, 28, 121); /* oklch */ color: oklch(34.5% 0.147 298.9);
Tailwind
colors: {
custom: {
50: '#7f5da0',
500: '#461c79',
950: '#000000',
},
}SCSS
$custom: #461c79; $custom-light: #7f5da0; $custom-dark: #000000;
JSON
{
"hex": "#461c79",
"rgb": {
"r": 70,
"g": 28,
"b": 121
},
"hsl": {
"h": 267.097,
"s": 62.416,
"l": 29.216
},
"oklch": {
"l": 0.34528,
"c": 0.14734,
"h": 298.9
},
"luminance": 0.03513
}Semantic roles & 50–950 ramp
primary
#461C79
secondary
#7DAD44
accent
#E5429C
background
#F8F5FA
surface
#EFE9F3
border
#CAC5CD
text
#0B040F
muted
#7C797F