#2225AA

#2225AA

Color Values

HEX

#2225AA

RGB

34, 37, 170

HSL

238.7, 66.7%, 40.0%

HSV

238.7, 80.0%, 66.7%

CMYK

80.0%, 78.2%, 0.0%, 33.3%

OKLCH

0.3769 0.2024 270.4

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#2225AA

#AAA722

Analogous

#2269AA

#6322AA

#2225AA

Triadic

#2225AA

#AA2225

#25AA22

Split Complementary

#2225AA

#AA6322

#69AA22

Tetradic

#2225AA

#AA2269

#AAA722

#22AA63

Color Blindness Simulation

Original

#2225AA

Protanopia

#23238A

Deuteranopia

#232382

Tritanopia

#22706B

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E3E3F7
200
#C3C5F3
300
#999BEB
400
#6264E0
500
#2A2ED5
600
#2225AA
700
#1B1E88
800
#15176A
900
#13154E
950
#0C0D31

Contrast Checker

Text on white

10.98:1

AA Pass AAA Pass

Text on black

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