#20188C

#20188C

Color Values

HEX

#20188C

RGB

32, 24, 140

HSL

244.1, 70.7%, 32.2%

HSV

244.1, 82.9%, 54.9%

CMYK

77.1%, 82.9%, 0.0%, 45.1%

OKLCH

0.3242 0.178 273.2

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#20188C

#848C18

Analogous

#184A8C

#5A188C

#20188C

Triadic

#20188C

#8C2018

#188C20

Split Complementary

#20188C

#8C5A18

#4A8C18

Tetradic

#20188C

#8C184A

#848C18

#188C5A

Color Blindness Simulation

Original

#20188C

Protanopia

#1D1C70

Deuteranopia

#1D1E69

Tritanopia

#205A55

Achromatopsia

#222222

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

13.37:1

AA Pass AAA Pass

Text on black

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