#14083B#14083B
#14083B is a very dark, moderate violet. Relative luminance 0.006; OKLCH L 19.6% C 0.091 H 285.2°. Best body text is #FFFFFF at 18.62:1 contrast (WCAG AA passes).
Color values
| HEX | #14083B |
|---|---|
| RGB | rgb(20, 8, 59) |
| HSL | hsl(254, 76%, 13%) |
| HSV | hsv(254, 86%, 23%) |
| CMYK | cmyk(66.1%, 86.4%, 0%, 76.9%) |
| CIE-LAB | lab(5.76, 21.46, -30.04) |
| CIE-LCH | lch(5.76, 36.92, 305.53°) |
| OKLab | oklab(19.55% 0.0238 -0.0878) |
| OKLCH | oklch(19.55% 0.091 285.2) |
| XYZ | xyz(1.1645, 0.6381, 4.1986) |
| Luminance | 0.0064 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Closest named colors
Midnight Blue (survey)
#020035
ΔE00 3.96
Night Blue
#040348
ΔE00 4.39
Dark Navy
#000435
ΔE00 4.71
Very Dark Blue
#000133
ΔE00 4.73
Navy Blue (survey)
#001146
ΔE00 4.83
Midnight
#03012D
ΔE00 5.27
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#14083B #2F3B08
analogous
#08153B #14083B #2D083B
triadic
#14083B #3B1408 #083B14
tetradic
#14083B #3B0815 #2F3B08 #083B2D
square
#14083B #3B0815 #2F3B08 #083B2D
split-complementary
#14083B #3B2D08 #153B08
monochromatic
#09041B #09041B #14083B #260F71 #3917A7
Accessibility & contrast
On white
18.62
#14083B on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.13
#14083B on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #14083B
18.62:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##14083B | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##14083B | 1.00 | 18.62 | 1.13 | 18.62 |
| #FFFFFF | 18.62 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.13 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 18.62 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#00143C
Deuteranopia (green-blind)
#00113A
Tritanopia (blue-blind)
#031621
Achromatopsia (no color)
#131313
Design tokens & code
CSS
--color: #14083b; /* rgb */ color: rgb(20, 8, 59); /* oklch */ color: oklch(19.6% 0.091 285.2);
Tailwind
colors: {
custom: {
50: '#574971',
500: '#14083b',
950: '#000000',
},
}SCSS
$custom: #14083b; $custom-light: #574971; $custom-dark: #000000;
JSON
{
"hex": "#14083b",
"rgb": {
"r": 20,
"g": 8,
"b": 59
},
"hsl": {
"h": 254.118,
"s": 76.119,
"l": 13.137
},
"oklch": {
"l": 0.1955,
"c": 0.09094,
"h": 285.2
},
"luminance": 0.00638
}Semantic roles & 50–950 ramp
primary
#14083B
secondary
#667A25
accent
#F335C6
background
#F5F4F6
surface
#E9E7EC
border
#C5C3C7
text
#030108
muted
#78777B