#231690#231690
#231690 is a dark, vivid blue. Relative luminance 0.029; OKLCH L 32.9% C 0.184 H 274.2°. Best body text is #FFFFFF at 13.22:1 contrast (WCAG AA passes).
Color values
| HEX | #231690 |
|---|---|
| RGB | rgb(35, 22, 144) |
| HSL | hsl(246, 73%, 33%) |
| HSV | hsv(246, 85%, 56%) |
| CMYK | cmyk(75.7%, 84.7%, 0%, 43.5%) |
| CIE-LAB | lab(19.82, 44.83, -63.32) |
| CIE-LCH | lch(19.82, 77.58, 305.30°) |
| OKLab | oklab(32.88% 0.0135 -0.1831) |
| OKLCH | oklch(32.88% 0.184 274.2) |
| XYZ | xyz(6.0124, 2.9441, 26.6316) |
| Luminance | 0.0295 (WCAG relative) |
| Temperature | cool |
| Family | blue |
Closest named colors
Royal
#0C1793
ΔE00 1.55
Cobalt Blue
#030AA7
ΔE00 3.45
Darkblue
#00008B
ΔE00 3.79
Royal Blue (survey)
#0504AA
ΔE00 3.94
Indigo (survey)
#380282
ΔE00 4.37
Navy
#000080
ΔE00 4.65
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#231690 #839016
analogous
#164690 #231690 #601690
triadic
#231690 #902316 #169023
tetradic
#231690 #901646 #839016 #169060
square
#231690 #901646 #839016 #169060
split-complementary
#231690 #906016 #469016
monochromatic
#090626 #160E5B #231690 #301EC5 #503FE2
Accessibility & contrast
On white
13.22
#231690 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.59
#231690 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #231690
13.22:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##231690 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##231690 | 1.00 | 13.22 | 1.59 | 13.22 |
| #FFFFFF | 13.22 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.59 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 13.22 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#003593
Deuteranopia (green-blind)
#002A8E
Tritanopia (blue-blind)
#003D55
Achromatopsia (no color)
#303030
Design tokens & code
CSS
--color: #231690; /* rgb */ color: rgb(35, 22, 144); /* oklch */ color: oklch(32.9% 0.184 274.2);
Tailwind
colors: {
custom: {
50: '#7258b2',
500: '#231690',
950: '#000000',
},
}SCSS
$custom: #231690; $custom-light: #7258b2; $custom-dark: #000000;
JSON
{
"hex": "#231690",
"rgb": {
"r": 35,
"g": 22,
"b": 144
},
"hsl": {
"h": 246.393,
"s": 73.494,
"l": 32.549
},
"oklch": {
"l": 0.32879,
"c": 0.18359,
"h": 274.2
},
"luminance": 0.02945
}Semantic roles & 50–950 ramp
primary
#231690
secondary
#B4C240
accent
#F038DD
background
#F7F5FB
surface
#EEE9F6
border
#C9C5D0
text
#090311
muted
#7B7880