#162EB6

#162EB6

Color Values

HEX

#162EB6

RGB

22, 46, 182

HSL

231.0, 78.4%, 40.0%

HSV

231.0, 87.9%, 71.4%

CMYK

87.9%, 74.7%, 0.0%, 28.6%

OKLCH

0.3983 0.2112 266.5

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#162EB6

#B69E16

Analogous

#167EB6

#4E16B6

#162EB6

Triadic

#162EB6

#B6162E

#2EB616

Split Complementary

#162EB6

#B64E16

#7EB616

Tetradic

#162EB6

#B6167E

#B69E16

#16B64E

Color Blindness Simulation

Original

#162EB6

Protanopia

#202195

Deuteranopia

#1F1D8D

Tritanopia

#177B75

Achromatopsia

#333333

CSS Usage

background-color: #162EB6;
color: #162EB6;
border-color: #162EB6;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F2F4FC
100
#E1E5F9
200
#BFC8F7
300
#92A0F2
400
#576DEB
500
#1C3AE3
600
#162EB6
700
#122592
800
#0E1D72
900
#0E1953
950
#090F34

Contrast Checker

Text on white

10.0:1

AA Pass AAA Pass

Text on black

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