#2222AA

#2222AA

Color Values

HEX

#2222AA

RGB

34, 34, 170

HSL

240.0, 66.7%, 40.0%

HSV

240.0, 80.0%, 66.7%

CMYK

80.0%, 80.0%, 0.0%, 33.3%

OKLCH

0.373 0.205 270.7

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#2222AA

#AAAA22

Analogous

#2266AA

#6622AA

#2222AA

Triadic

#2222AA

#AA2222

#22AA22

Split Complementary

#2222AA

#AA6622

#66AA22

Tetradic

#2222AA

#AA2266

#AAAA22

#22AA66

Color Blindness Simulation

Original

#2222AA

Protanopia

#222289

Deuteranopia

#222281

Tritanopia

#226F69

Achromatopsia

#2C2C2C

CSS Usage

background-color: #2222AA;
color: #2222AA;
border-color: #2222AA;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F3F3FC
100
#E3E3F7
200
#C3C3F3
300
#9999EB
400
#6262E0
500
#2A2AD5
600
#2222AA
700
#1B1B88
800
#15156A
900
#13134E
950
#0C0C31

Contrast Checker

Text on white

11.19:1

AA Pass AAA Pass

Text on black

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