#20488D

#20488D

Color Values

HEX

#20488D

RGB

32, 72, 141

HSL

218.0, 63.0%, 33.9%

HSV

218.0, 77.3%, 55.3%

CMYK

77.3%, 48.9%, 0.0%, 44.7%

OKLCH

0.4133 0.1233 260.5

Properties

Cool Dark Nearest: royalblue 4

Color Harmonies

Complementary

#20488D

#8D6520

Analogous

#207E8D

#2F208D

#20488D

Triadic

#20488D

#8D2048

#488D20

Split Complementary

#20488D

#8D2F20

#7E8D20

Tetradic

#20488D

#8D207E

#8D6520

#208D2F

Color Blindness Simulation

Original

#20488D

Protanopia

#31327C

Deuteranopia

#2F2C78

Tritanopia

#226F6C

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#F3F6FB
100
#E4EBF7
200
#C5D5F2
300
#9BB8E8
400
#6591DC
500
#2F6AD0
600
#2655A6
700
#1E4485
800
#183568
900
#15294C
950
#0D1A30

Contrast Checker

Text on white

8.85:1

AA Pass AAA Pass

Text on black

2.37: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