#241483#241483
#241483 is a dark, vivid blue. Relative luminance 0.025; OKLCH L 31.2% C 0.169 H 276.6°. Best body text is #FFFFFF at 13.97:1 contrast (WCAG AA passes).
Color values
| HEX | #241483 |
|---|---|
| RGB | rgb(36, 20, 131) |
| HSL | hsl(249, 74%, 30%) |
| HSV | hsv(249, 85%, 51%) |
| CMYK | cmyk(72.5%, 84.7%, 0%, 48.6%) |
| CIE-LAB | lab(17.98, 41.79, -58.21) |
| CIE-LCH | lch(17.98, 71.66, 305.67°) |
| OKLab | oklab(31.17% 0.0196 -0.1682) |
| OKLCH | oklch(31.17% 0.169 276.6) |
| XYZ | xyz(5.0731, 2.5136, 21.6861) |
| Luminance | 0.0251 (WCAG relative) |
| Temperature | cool |
| Family | blue |
Closest named colors
Royal
#0C1793
ΔE00 2.82
Darkblue
#00008B
ΔE00 3.63
Indigo (survey)
#380282
ΔE00 3.65
Midnight Blue
#191970
ΔE00 3.72
Navy
#000080
ΔE00 3.82
Deep Blue
#040273
ΔE00 4.38
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#241483 #738314
analogous
#143B83 #241483 #5C1483
triadic
#241483 #832414 #148324
tetradic
#241483 #83143B #738314 #14835C
square
#241483 #83143B #738314 #14835C
split-complementary
#241483 #835C14 #3B8314
monochromatic
#07041B #150C4E #241483 #331CB8 #4B32E0
Accessibility & contrast
On white
13.97
#241483 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.50
#241483 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #241483
13.97:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##241483 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##241483 | 1.00 | 13.97 | 1.50 | 13.97 |
| #FFFFFF | 13.97 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.50 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 13.97 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#003086
Deuteranopia (green-blind)
#002781
Tritanopia (blue-blind)
#00374D
Achromatopsia (no color)
#2C2C2C
Design tokens & code
CSS
--color: #241483; /* rgb */ color: rgb(36, 20, 131); /* oklch */ color: oklch(31.2% 0.169 276.6);
Tailwind
colors: {
custom: {
50: '#6f56a8',
500: '#241483',
950: '#000000',
},
}SCSS
$custom: #241483; $custom-light: #6f56a8; $custom-dark: #000000;
JSON
{
"hex": "#241483",
"rgb": {
"r": 36,
"g": 20,
"b": 131
},
"hsl": {
"h": 248.649,
"s": 73.51,
"l": 29.608
},
"oklch": {
"l": 0.31168,
"c": 0.16936,
"h": 276.6
},
"luminance": 0.02514
}Semantic roles & 50–950 ramp
primary
#241483
secondary
#A6B83B
accent
#F038D6
background
#F7F5FA
surface
#EDE9F4
border
#C8C5CE
text
#090310
muted
#7B787F