#222AAA

#222AAA

Color Values

HEX

#222AAA

RGB

34, 42, 170

HSL

236.5, 66.7%, 40.0%

HSV

236.5, 80.0%, 66.7%

CMYK

80.0%, 75.3%, 0.0%, 33.3%

OKLCH

0.3838 0.1977 270.0

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#222AAA

#AAA222

Analogous

#226EAA

#5E22AA

#222AAA

Triadic

#222AAA

#AA222A

#2AAA22

Split Complementary

#222AAA

#AA5E22

#6EAA22

Tetradic

#222AAA

#AA226E

#AAA222

#22AA5E

Color Blindness Simulation

Original

#222AAA

Protanopia

#25268B

Deuteranopia

#252484

Tritanopia

#22736D

Achromatopsia

#323232

CSS Usage

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

Tailwind Shades

50
#F3F4FC
100
#E3E4F7
200
#C3C6F3
300
#999EEB
400
#6269E0
500
#2A34D5
600
#222AAA
700
#1B2288
800
#151A6A
900
#13174E
950
#0C0E31

Contrast Checker

Text on white

10.61:1

AA Pass AAA Pass

Text on black

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