#20549D

#20549D

Color Values

HEX

#20549D

RGB

32, 84, 157

HSL

215.0, 66.1%, 37.1%

HSV

215.0, 79.6%, 61.6%

CMYK

79.6%, 46.5%, 0.0%, 38.4%

OKLCH

0.4525 0.131 257.7

Properties

Cool Dark Nearest: NCS S 2065-B Pure Blue

Color Harmonies

Complementary

#20549D

#9D6920

Analogous

#20939D

#2A209D

#20549D

Triadic

#20549D

#9D2054

#549D20

Split Complementary

#20549D

#9D2A20

#939D20

Tetradic

#20549D

#9D2093

#9D6920

#209D2A

Color Blindness Simulation

Original

#20549D

Protanopia

#37378B

Deuteranopia

#343087

Tritanopia

#237D7A

Achromatopsia

#4E4E4E

CSS Usage

background-color: #20549D;
color: #20549D;
border-color: #20549D;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F3F7FC
100
#E3EBF7
200
#C4D7F3
300
#99BBEA
400
#6296DF
500
#2B71D4
600
#235BA9
700
#1C4988
800
#16396A
900
#142C4D
950
#0C1C31

Contrast Checker

Text on white

7.46:1

AA Pass AAA Pass

Text on black

2.82:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026