#20168E

#20168E

Color Values

HEX

#20168E

RGB

32, 22, 142

HSL

245.0, 73.2%, 32.2%

HSV

245.0, 84.5%, 55.7%

CMYK

77.5%, 84.5%, 0.0%, 44.3%

OKLCH

0.3244 0.182 273.2

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#20168E

#848E16

Analogous

#16488E

#5C168E

#20168E

Triadic

#20168E

#8E2016

#168E20

Split Complementary

#20168E

#8E5C16

#488E16

Tetradic

#20168E

#8E1648

#848E16

#168E5C

Color Blindness Simulation

Original

#20168E

Protanopia

#1C1C71

Deuteranopia

#1C1D6A

Tritanopia

#205A55

Achromatopsia

#212121

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

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