#441F9F#441F9F
#441F9F is a dark, vivid violet. Relative luminance 0.047; OKLCH L 38.3% C 0.188 H 286.9°. Best body text is #FFFFFF at 10.81:1 contrast (WCAG AA passes).
Color values
| HEX | #441F9F |
|---|---|
| RGB | rgb(68, 31, 159) |
| HSL | hsl(257, 67%, 37%) |
| HSV | hsv(257, 81%, 62%) |
| CMYK | cmyk(57.2%, 80.5%, 0%, 37.6%) |
| CIE-LAB | lab(25.90, 48.40, -62.41) |
| CIE-LCH | lch(25.90, 78.98, 307.79°) |
| OKLab | oklab(38.32% 0.0545 -0.1797) |
| OKLCH | oklch(38.32% 0.188 286.9) |
| XYZ | xyz(9.1300, 4.7116, 33.2225) |
| Luminance | 0.0471 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Closest named colors
Indigo Blue
#3A18B1
ΔE00 2.83
Ultramarine
#2000B1
ΔE00 5.27
Cobalt Blue
#030AA7
ΔE00 5.76
Violet Blue
#510AC9
ΔE00 5.81
Royal
#0C1793
ΔE00 5.83
Royal Blue (survey)
#0504AA
ΔE00 5.93
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#441F9F #7A9F1F
analogous
#1F3A9F #441F9F #841F9F
triadic
#441F9F #9F441F #1F9F44
tetradic
#441F9F #9F1F3A #7A9F1F #1F9F84
square
#441F9F #9F1F3A #7A9F1F #1F9F84
split-complementary
#441F9F #9F841F #3A9F1F
monochromatic
#180B39 #2E156C #441F9F #5A29D2 #805ADF
Accessibility & contrast
On white
10.81
#441F9F on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.94
#441F9F on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #441F9F
10.81:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##441F9F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##441F9F | 1.00 | 10.81 | 1.94 | 10.81 |
| #FFFFFF | 10.81 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.94 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.81 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#0040A3
Deuteranopia (green-blind)
#003A9D
Tritanopia (blue-blind)
#19455F
Achromatopsia (no color)
#3D3D3D
Design tokens & code
CSS
--color: #441f9f; /* rgb */ color: rgb(68, 31, 159); /* oklch */ color: oklch(38.3% 0.188 286.9);
Tailwind
colors: {
custom: {
50: '#8360bd',
500: '#441f9f',
950: '#000000',
},
}SCSS
$custom: #441f9f; $custom-light: #8360bd; $custom-dark: #000000;
JSON
{
"hex": "#441f9f",
"rgb": {
"r": 68,
"g": 31,
"b": 159
},
"hsl": {
"h": 257.344,
"s": 67.368,
"l": 37.255
},
"oklch": {
"l": 0.38316,
"c": 0.18776,
"h": 286.9
},
"luminance": 0.04712
}Semantic roles & 50–950 ramp
primary
#441F9F
secondary
#A4C357
accent
#EA3EB8
background
#F8F5FB
surface
#F0EAF7
border
#CBC6D0
text
#0C0512
muted
#7D7981