#1A445C#1A445C
#1A445C is a dark, moderate cyan. Relative luminance 0.051; OKLCH L 36.9% C 0.062 H 237.0°. Best body text is #FFFFFF at 10.37:1 contrast (WCAG AA passes).
Color values
| HEX | #1A445C |
|---|---|
| RGB | rgb(26, 68, 92) |
| HSL | hsl(202, 56%, 23%) |
| HSV | hsv(202, 72%, 36%) |
| CMYK | cmyk(71.7%, 26.1%, 0%, 63.9%) |
| CIE-LAB | lab(27.09, -5.88, -18.51) |
| CIE-LCH | lch(27.09, 19.42, 252.38°) |
| OKLab | oklab(36.88% -0.0338 -0.052) |
| OKLCH | oklch(36.88% 0.062 237) |
| XYZ | xyz(4.4241, 5.1261, 10.8794) |
| Luminance | 0.0513 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
Closest named colors
Dark Slate Blue
#214761
ΔE00 1.78
Dark Grey Blue
#29465B
ΔE00 2.36
Dark Blue Grey
#1F3B4D
ΔE00 3.69
Prussian Blue
#004577
ΔE00 6.53
Charcoal
#36454F
ΔE00 6.80
Twilight Blue
#0A437A
ΔE00 7.32
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#1A445C #5C321A
analogous
#1A5C53 #1A445C #1A235C
triadic
#1A445C #5C1A44 #445C1A
tetradic
#1A445C #531A5C #5C321A #235C1A
square
#1A445C #531A5C #5C321A #235C1A
split-complementary
#1A445C #5C1A23 #5C531A
monochromatic
#071218 #0D212C #1A445C #27678C #358BBB
Accessibility & contrast
On white
10.37
#1A445C on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.03
#1A445C on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #1A445C
10.37:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##1A445C | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##1A445C | 1.00 | 10.37 | 2.03 | 10.37 |
| #FFFFFF | 10.37 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.03 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.37 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#39445D
Deuteranopia (green-blind)
#303D5C
Tritanopia (blue-blind)
#004A4C
Achromatopsia (no color)
#404040
Design tokens & code
CSS
--color: #1a445c; /* rgb */ color: rgb(26, 68, 92); /* oklch */ color: oklch(36.9% 0.062 237.0);
Tailwind
colors: {
custom: {
50: '#5f778a',
500: '#1a445c',
950: '#000000',
},
}SCSS
$custom: #1a445c; $custom-light: #5f778a; $custom-dark: #000000;
JSON
{
"hex": "#1a445c",
"rgb": {
"r": 26,
"g": 68,
"b": 92
},
"hsl": {
"h": 201.818,
"s": 55.932,
"l": 23.137
},
"oklch": {
"l": 0.36881,
"c": 0.06207,
"h": 237
},
"luminance": 0.05127
}Semantic roles & 50–950 ramp
primary
#1A445C
secondary
#925E40
accent
#7F49DF
background
#F5F7F8
surface
#EAEDF0
border
#C6C8CB
text
#05080B
muted
#797B7C