#131764#131764
#131764 is a dark, vivid blue. Relative luminance 0.017; OKLCH L 26.7% C 0.131 H 271.2°. Best body text is #FFFFFF at 15.74:1 contrast (WCAG AA passes).
Color values
| HEX | #131764 |
|---|---|
| RGB | rgb(19, 23, 100) |
| HSL | hsl(237, 68%, 23%) |
| HSV | hsv(237, 81%, 39%) |
| CMYK | cmyk(81%, 77%, 0%, 60.8%) |
| CIE-LAB | lab(13.66, 27.95, -45.35) |
| CIE-LCH | lch(13.66, 53.27, 301.64°) |
| OKLab | oklab(26.74% 0.0027 -0.1313) |
| OKLCH | oklch(26.74% 0.131 271.2) |
| XYZ | xyz(2.8744, 1.6710, 12.2252) |
| Luminance | 0.0167 (WCAG relative) |
| Temperature | cool |
| Family | blue |
Closest named colors
Midnight Blue
#191970
ΔE00 2.09
Darkblue (survey)
#030764
ΔE00 3.89
Dark Royal Blue
#02066F
ΔE00 4.60
Dark Indigo
#1F0954
ΔE00 4.82
Dark Blue
#00035B
ΔE00 4.85
Deep Blue
#040273
ΔE00 5.50
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#131764 #646013
analogous
#133F64 #131764 #371364
triadic
#131764 #641317 #176413
tetradic
#131764 #64133F #646013 #136437
square
#131764 #64133F #646013 #136437
split-complementary
#131764 #643713 #3F6413
monochromatic
#05061A #090B31 #131764 #1D2397 #272FCB
Accessibility & contrast
On white
15.74
#131764 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.33
#131764 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #131764
15.74:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##131764 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##131764 | 1.00 | 15.74 | 1.33 | 15.74 |
| #FFFFFF | 15.74 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.33 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 15.74 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#002766
Deuteranopia (green-blind)
#001F63
Tritanopia (blue-blind)
#002D3C
Achromatopsia (no color)
#232323
Design tokens & code
CSS
--color: #131764; /* rgb */ color: rgb(19, 23, 100); /* oklch */ color: oklch(26.7% 0.131 271.2);
Tailwind
colors: {
custom: {
50: '#615591',
500: '#131764',
950: '#000000',
},
}SCSS
$custom: #131764; $custom-light: #615591; $custom-dark: #000000;
JSON
{
"hex": "#131764",
"rgb": {
"r": 19,
"g": 23,
"b": 100
},
"hsl": {
"h": 237.037,
"s": 68.067,
"l": 23.333
},
"oklch": {
"l": 0.26735,
"c": 0.13133,
"h": 271.2
},
"luminance": 0.01671
}Semantic roles & 50–950 ramp
primary
#131764
secondary
#9C9737
accent
#E23DEB
background
#F6F4F9
surface
#EBE8F1
border
#C6C4CB
text
#06030D
muted
#7A787E