#022169

#022169

Color Values

HEX

#022169

RGB

2, 33, 105

HSL

221.9, 96.3%, 21.0%

HSV

221.9, 98.1%, 41.2%

CMYK

98.1%, 68.6%, 0.0%, 58.8%

OKLCH

0.2849 0.1306 262.6

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#022169

#694A02

Analogous

#025569

#160269

#022169

Triadic

#022169

#690221

#216902

Split Complementary

#022169

#691602

#556902

Tetradic

#022169

#690255

#694A02

#026916

Color Blindness Simulation

Original

#022169

Protanopia

#0F1058

Deuteranopia

#0E0B53

Tritanopia

#044A47

Achromatopsia

#202020

CSS Usage

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

Tailwind Shades

50
#F1F5FE
100
#DFE7FC
200
#B9CEFE
300
#87AAFD
400
#467DFC
500
#054FFA
600
#043FC8
700
#0332A0
800
#02277D
900
#06205A
950
#041439

Contrast Checker

Text on white

14.75:1

AA Pass AAA Pass

Text on black

1.42:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026