#222489

#222489

Color Values

HEX

#222489

RGB

34, 36, 137

HSL

238.8, 60.2%, 33.5%

HSV

238.8, 75.2%, 53.7%

CMYK

75.2%, 73.7%, 0.0%, 46.3%

OKLCH

0.3388 0.1622 272.8

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#222489

#898722

Analogous

#225789

#532289

#222489

Triadic

#222489

#892224

#248922

Split Complementary

#222489

#895322

#578922

Tetradic

#222489

#892257

#898722

#228953

Color Blindness Simulation

Original

#222489

Protanopia

#232371

Deuteranopia

#23236B

Tritanopia

#225D59

Achromatopsia

#2B2B2B

CSS Usage

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

Tailwind Shades

50
#F3F4FB
100
#E4E4F6
200
#C6C7F1
300
#9D9EE7
400
#686AD9
500
#3336CC
600
#292BA3
700
#202283
800
#191B66
900
#16174B
950
#0E0F2F

Contrast Checker

Text on white

12.49:1

AA Pass AAA Pass

Text on black

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