#20168D

#20168D

Color Values

HEX

#20168D

RGB

32, 22, 141

HSL

245.0, 73.0%, 32.0%

HSV

245.0, 84.4%, 55.3%

CMYK

77.3%, 84.4%, 0.0%, 44.7%

OKLCH

0.3232 0.1808 273.3

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#20168D

#838D16

Analogous

#16488D

#5C168D

#20168D

Triadic

#20168D

#8D2016

#168D20

Split Complementary

#20168D

#8D5C16

#488D16

Tetradic

#20168D

#8D1648

#838D16

#168D5C

Color Blindness Simulation

Original

#20168D

Protanopia

#1C1C70

Deuteranopia

#1C1D69

Tritanopia

#205954

Achromatopsia

#212121

CSS Usage

background-color: #20168D;
color: #20168D;
border-color: #20168D;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F3F3FC
100
#E4E2F8
200
#C6C1F5
300
#9D95EE
400
#675CE6
500
#3222DD
600
#281CB0
700
#20168D
800
#19116E
900
#161150
950
#0E0A33

Contrast Checker

Text on white

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

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026