#1622AB

#1622AB

Color Values

HEX

#1622AB

RGB

22, 34, 171

HSL

235.2, 77.2%, 37.8%

HSV

235.2, 87.1%, 67.1%

CMYK

87.1%, 80.1%, 0.0%, 32.9%

OKLCH

0.369 0.2092 267.5

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#1622AB

#AB9F16

Analogous

#166CAB

#5416AB

#1622AB

Triadic

#1622AB

#AB1622

#22AB16

Split Complementary

#1622AB

#AB5416

#6CAB16

Tetradic

#1622AB

#AB166C

#AB9F16

#16AB54

Color Blindness Simulation

Original

#1622AB

Protanopia

#1B1B8A

Deuteranopia

#1A1A82

Tritanopia

#17706A

Achromatopsia

#292929

CSS Usage

background-color: #1622AB;
color: #1622AB;
border-color: #1622AB;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F2F3FC
100
#E1E3F9
200
#C0C4F7
300
#939AF1
400
#5863E9
500
#1D2DE2
600
#1724B5
700
#131D91
800
#0F1671
900
#0F1452
950
#090D34

Contrast Checker

Text on white

11.35:1

AA Pass AAA Pass

Text on black

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