#162775

#162775

Color Values

HEX

#162775

RGB

22, 39, 117

HSL

229.3, 68.3%, 27.3%

HSV

229.3, 81.2%, 45.9%

CMYK

81.2%, 66.7%, 0.0%, 54.1%

OKLCH

0.3168 0.1348 267.9

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#162775

#756416

Analogous

#165775

#351675

#162775

Triadic

#162775

#751627

#277516

Split Complementary

#162775

#753516

#577516

Tetradic

#162775

#751657

#756416

#167535

Color Blindness Simulation

Original

#162775

Protanopia

#1D1E62

Deuteranopia

#1C1B5E

Tritanopia

#175350

Achromatopsia

#292929

CSS Usage

background-color: #162775;
color: #162775;
border-color: #162775;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F3F4FC
100
#E3E6F8
200
#C3CCF4
300
#98A7EC
400
#6077E1
500
#2847D7
600
#2039AC
700
#1A2E89
800
#14246B
900
#131D4E
950
#0C1231

Contrast Checker

Text on white

13.28:1

AA Pass AAA Pass

Text on black

1.58:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026