#205A9A#205A9A
#205A9A is a mid, moderate cyan. Relative luminance 0.100; OKLCH L 46.4% C 0.120 H 253.7°. Best body text is #FFFFFF at 7.02:1 contrast (WCAG AA passes).
Color values
| HEX | #205A9A |
|---|---|
| RGB | rgb(32, 90, 154) |
| HSL | hsl(211, 66%, 36%) |
| HSV | hsv(211, 79%, 60%) |
| CMYK | cmyk(79.2%, 41.6%, 0%, 39.6%) |
| CIE-LAB | lab(37.75, 4.99, -40.23) |
| CIE-LCH | lch(37.75, 40.54, 277.07°) |
| OKLab | oklab(46.44% -0.0337 -0.115) |
| OKLCH | oklch(46.44% 0.12 253.7) |
| XYZ | xyz(10.0824, 9.9513, 31.9550) |
| Luminance | 0.0995 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
Closest named colors
Light Navy Blue
#2E5A88
ΔE00 2.31
Dusk Blue
#26538D
ΔE00 2.91
Denim Blue
#3B5B92
ΔE00 3.68
Light Navy
#155084
ΔE00 4.09
Denim (survey)
#3B638C
ΔE00 4.13
Denim
#1560BD
ΔE00 4.34
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#205A9A #9A6020
analogous
#20979A #205A9A #23209A
triadic
#205A9A #9A205A #5A9A20
tetradic
#205A9A #9A2097 #9A6020 #209A23
square
#205A9A #9A2097 #9A6020 #209A23
split-complementary
#205A9A #9A2320 #979A20
monochromatic
#0B1F35 #153C67 #205A9A #2B78CD #5897DC
Accessibility & contrast
On white
7.02
#205A9A on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.99
#205A9A on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #205A9A
7.02:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##205A9A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##205A9A | 1.00 | 7.02 | 2.99 | 7.02 |
| #FFFFFF | 7.02 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.99 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.02 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#3B5F9D
Deuteranopia (green-blind)
#265499
Tritanopia (blue-blind)
#006972
Achromatopsia (no color)
#595959
Design tokens & code
CSS
--color: #205a9a; /* rgb */ color: rgb(32, 90, 154); /* oklch */ color: oklch(46.4% 0.120 253.7);
Tailwind
colors: {
custom: {
50: '#6f88b8',
500: '#205a9a',
950: '#000000',
},
}SCSS
$custom: #205a9a; $custom-light: #6f88b8; $custom-dark: #000000;
JSON
{
"hex": "#205a9a",
"rgb": {
"r": 32,
"g": 90,
"b": 154
},
"hsl": {
"h": 211.475,
"s": 65.591,
"l": 36.471
},
"oklch": {
"l": 0.46438,
"c": 0.11984,
"h": 253.7
},
"luminance": 0.09952
}Semantic roles & 50–950 ramp
primary
#205A9A
secondary
#C08E56
accent
#983FE9
background
#F7F8FB
surface
#EDEFF6
border
#C8CAD0
text
#080B11
muted
#7B7C80