#222096

#222096

Color Values

HEX

#222096

RGB

34, 32, 150

HSL

241.0, 64.8%, 35.7%

HSV

241.0, 78.7%, 58.8%

CMYK

77.3%, 78.7%, 0.0%, 41.2%

OKLCH

0.3474 0.1827 272.3

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#222096

#949620

Analogous

#205996

#5D2096

#222096

Triadic

#222096

#962220

#209622

Split Complementary

#222096

#965D20

#599620

Tetradic

#222096

#962059

#949620

#20965D

Color Blindness Simulation

Original

#222096

Protanopia

#212179

Deuteranopia

#212173

Tritanopia

#22635E

Achromatopsia

#292929

CSS Usage

background-color: #222096;
color: #222096;
border-color: #222096;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F3F3FC
100
#E4E3F7
200
#C5C4F2
300
#9B9AE9
400
#6664DE
500
#302DD2
600
#2624A8
700
#1E1D86
800
#181669
900
#15144D
950
#0D0D30

Contrast Checker

Text on white

12.24:1

AA Pass AAA Pass

Text on black

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