#20188B

#20188B

Color Values

HEX

#20188B

RGB

32, 24, 139

HSL

244.2, 70.6%, 32.0%

HSV

244.2, 82.7%, 54.5%

CMYK

77.0%, 82.7%, 0.0%, 45.5%

OKLCH

0.323 0.1768 273.3

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#20188B

#838B18

Analogous

#184A8B

#5A188B

#20188B

Triadic

#20188B

#8B2018

#188B20

Split Complementary

#20188B

#8B5A18

#4A8B18

Tetradic

#20188B

#8B184A

#838B18

#188B5A

Color Blindness Simulation

Original

#20188B

Protanopia

#1D1C6F

Deuteranopia

#1D1E68

Tritanopia

#205954

Achromatopsia

#222222

CSS Usage

background-color: #20188B;
color: #20188B;
border-color: #20188B;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F3F3FC
100
#E4E2F8
200
#C6C2F5
300
#9D97ED
400
#675EE3
500
#3225DA
600
#281EAE
700
#20188B
800
#19136D
900
#16124F
950
#0E0B32

Contrast Checker

Text on white

13.42:1

AA Pass AAA Pass

Text on black

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