#29158C#29158C
#29158C is a dark, vivid violet. Relative luminance 0.029; OKLCH L 32.7% C 0.178 H 277.7°. Best body text is #FFFFFF at 13.29:1 contrast (WCAG AA passes).
Color values
| HEX | #29158C |
|---|---|
| RGB | rgb(41, 21, 140) |
| HSL | hsl(250, 74%, 32%) |
| HSV | hsv(250, 85%, 55%) |
| CMYK | cmyk(70.7%, 85%, 0%, 45.1%) |
| CIE-LAB | lab(19.64, 44.51, -61.10) |
| CIE-LCH | lch(19.64, 75.60, 306.07°) |
| OKLab | oklab(32.74% 0.0239 -0.1765) |
| OKLCH | oklch(32.74% 0.178 277.7) |
| XYZ | xyz(5.9147, 2.9007, 25.0540) |
| Luminance | 0.0290 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Closest named colors
Royal
#0C1793
ΔE00 2.34
Indigo (survey)
#380282
ΔE00 3.62
Darkblue
#00008B
ΔE00 3.87
Cobalt Blue
#030AA7
ΔE00 4.07
Royal Blue (survey)
#0504AA
ΔE00 4.48
Navy
#000080
ΔE00 4.56
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#29158C #788C15
analogous
#153D8C #29158C #65158C
triadic
#29158C #8C2915 #158C29
tetradic
#29158C #8C153D #788C15 #158C65
square
#29158C #8C153D #788C15 #158C65
split-complementary
#29158C #8C6515 #3D8C15
monochromatic
#0A0522 #190D57 #29158C #391DC1 #563AE1
Accessibility & contrast
On white
13.29
#29158C on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.58
#29158C on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #29158C
13.29:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##29158C | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##29158C | 1.00 | 13.29 | 1.58 | 13.29 |
| #FFFFFF | 13.29 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.58 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 13.29 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#00348F
Deuteranopia (green-blind)
#002B8A
Tritanopia (blue-blind)
#003B52
Achromatopsia (no color)
#303030
Design tokens & code
CSS
--color: #29158c; /* rgb */ color: rgb(41, 21, 140); /* oklch */ color: oklch(32.7% 0.178 277.7);
Tailwind
colors: {
custom: {
50: '#7358af',
500: '#29158c',
950: '#000000',
},
}SCSS
$custom: #29158c; $custom-light: #7358af; $custom-dark: #000000;
JSON
{
"hex": "#29158c",
"rgb": {
"r": 41,
"g": 21,
"b": 140
},
"hsl": {
"h": 250.084,
"s": 73.913,
"l": 31.569
},
"oklch": {
"l": 0.32735,
"c": 0.17813,
"h": 277.7
},
"luminance": 0.02901
}Semantic roles & 50–950 ramp
primary
#29158C
secondary
#AAC03D
accent
#F137D1
background
#F7F5FA
surface
#EEE9F5
border
#C9C5CF
text
#090311
muted
#7B7880