#134164#134164
#134164 is a dark, moderate cyan. Relative luminance 0.048; OKLCH L 36.3% C 0.078 H 245.6°. Best body text is #FFFFFF at 10.67:1 contrast (WCAG AA passes).
Color values
| HEX | #134164 |
|---|---|
| RGB | rgb(19, 65, 100) |
| HSL | hsl(206, 68%, 23%) |
| HSV | hsv(206, 81%, 39%) |
| CMYK | cmyk(81%, 35%, 0%, 60.8%) |
| CIE-LAB | lab(26.27, -1.88, -24.98) |
| CIE-LCH | lch(26.27, 25.05, 265.70°) |
| OKLab | oklab(36.3% -0.0322 -0.0709) |
| OKLCH | oklch(36.3% 0.078 245.6) |
| XYZ | xyz(4.4582, 4.8386, 12.7531) |
| Luminance | 0.0484 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
Closest named colors
Prussian Blue
#004577
ΔE00 3.02
Dark Slate Blue
#214761
ΔE00 3.60
Twilight Blue
#0A437A
ΔE00 3.66
Marine Blue
#01386A
ΔE00 4.21
Darkish Blue
#014182
ΔE00 4.60
Dark Grey Blue
#29465B
ΔE00 4.95
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#134164 #643613
analogous
#13645E #134164 #131864
triadic
#134164 #641341 #416413
tetradic
#134164 #5E1364 #643613 #186413
square
#134164 #5E1364 #643613 #186413
split-complementary
#134164 #641318 #645E13
monochromatic
#05111A #092031 #134164 #1D6297 #2784CB
Accessibility & contrast
On white
10.67
#134164 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.97
#134164 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #134164
10.67:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##134164 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##134164 | 1.00 | 10.67 | 1.97 | 10.67 |
| #FFFFFF | 10.67 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.97 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.67 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#314265
Deuteranopia (green-blind)
#253B63
Tritanopia (blue-blind)
#00494E
Achromatopsia (no color)
#3E3E3E
Design tokens & code
CSS
--color: #134164; /* rgb */ color: rgb(19, 65, 100); /* oklch */ color: oklch(36.3% 0.078 245.6);
Tailwind
colors: {
custom: {
50: '#5e7590',
500: '#134164',
950: '#000000',
},
}SCSS
$custom: #134164; $custom-light: #5e7590; $custom-dark: #000000;
JSON
{
"hex": "#134164",
"rgb": {
"r": 19,
"g": 65,
"b": 100
},
"hsl": {
"h": 205.926,
"s": 68.067,
"l": 23.333
},
"oklch": {
"l": 0.36304,
"c": 0.07785,
"h": 245.6
},
"luminance": 0.04839
}Semantic roles & 50–950 ramp
primary
#134164
secondary
#9C6337
accent
#883DEB
background
#F5F7F8
surface
#EAEDF0
border
#C6C8CB
text
#05080C
muted
#797B7D