#140338#140338
#140338 is a very dark, moderate violet. Relative luminance 0.005; OKLCH L 18.3% C 0.095 H 288.9°. Best body text is #FFFFFF at 19.09:1 contrast (WCAG AA passes).
Color values
| HEX | #140338 |
|---|---|
| RGB | rgb(20, 3, 56) |
| HSL | hsl(259, 90%, 12%) |
| HSV | hsv(259, 95%, 22%) |
| CMYK | cmyk(64.3%, 94.6%, 0%, 78%) |
| CIE-LAB | lab(4.51, 22.41, -29.90) |
| CIE-LCH | lch(4.51, 37.36, 306.85°) |
| OKLab | oklab(18.27% 0.0306 -0.0894) |
| OKLCH | oklch(18.27% 0.095 288.9) |
| XYZ | xyz(1.0347, 0.4993, 3.7825) |
| Luminance | 0.0050 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Closest named colors
Midnight Blue (survey)
#020035
ΔE00 4.24
Night Blue
#040348
ΔE00 4.55
Very Dark Blue
#000133
ΔE00 5.08
Dark Navy
#000435
ΔE00 5.14
Midnight
#03012D
ΔE00 5.55
Navy Blue (survey)
#001146
ΔE00 5.60
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#140338 #273803
analogous
#030D38 #140338 #2F0338
triadic
#140338 #381403 #033814
tetradic
#140338 #38030D #273803 #03382F
square
#140338 #38030D #273803 #03382F
split-complementary
#140338 #382F03 #0D3803
monochromatic
#0A021D #0A021D #140338 #290672 #3D09AC
Accessibility & contrast
On white
19.09
#140338 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.10
#140338 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #140338
19.09:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##140338 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##140338 | 1.00 | 19.09 | 1.10 | 19.09 |
| #FFFFFF | 19.09 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.10 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 19.09 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#001139
Deuteranopia (green-blind)
#000E37
Tritanopia (blue-blind)
#05121E
Achromatopsia (no color)
#101010
Design tokens & code
CSS
--color: #140338; /* rgb */ color: rgb(20, 3, 56); /* oklch */ color: oklch(18.3% 0.095 288.9);
Tailwind
colors: {
custom: {
50: '#56476f',
500: '#140338',
950: '#000000',
},
}SCSS
$custom: #140338; $custom-light: #56476f; $custom-dark: #000000;
JSON
{
"hex": "#140338",
"rgb": {
"r": 20,
"g": 3,
"b": 56
},
"hsl": {
"h": 259.245,
"s": 89.831,
"l": 11.569
},
"oklch": {
"l": 0.18269,
"c": 0.0945,
"h": 288.9
},
"luminance": 0.00499
}Semantic roles & 50–950 ramp
primary
#140338
secondary
#5C7B1C
accent
#FF29BA
background
#F5F4F6
surface
#E9E6EC
border
#C5C2C7
text
#030007
muted
#78777A