#222291

#222291

Color Values

HEX

#222291

RGB

34, 34, 145

HSL

240.0, 62.0%, 35.1%

HSV

240.0, 76.6%, 56.9%

CMYK

76.6%, 76.6%, 0.0%, 43.1%

OKLCH

0.3445 0.1746 272.4

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#222291

#919122

Analogous

#225A91

#5A2291

#222291

Triadic

#222291

#912222

#229122

Split Complementary

#222291

#915A22

#5A9122

Tetradic

#222291

#91225A

#919122

#22915A

Color Blindness Simulation

Original

#222291

Protanopia

#222276

Deuteranopia

#222270

Tritanopia

#22615C

Achromatopsia

#2A2A2A

CSS Usage

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

Tailwind Shades

50
#F3F3FB
100
#E4E4F7
200
#C5C5F1
300
#9C9CE8
400
#6666DB
500
#3030CF
600
#2727A5
700
#1F1F84
800
#181867
900
#15154B
950
#0E0E30

Contrast Checker

Text on white

12.31:1

AA Pass AAA Pass

Text on black

1.71:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026