#2224AE

#2224AE

Color Values

HEX

#2224AE

RGB

34, 36, 174

HSL

239.1, 67.3%, 40.8%

HSV

239.1, 80.5%, 68.2%

CMYK

80.5%, 79.3%, 0.0%, 31.8%

OKLCH

0.3802 0.208 270.3

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#2224AE

#AEAC22

Analogous

#226AAE

#6622AE

#2224AE

Triadic

#2224AE

#AE2224

#24AE22

Split Complementary

#2224AE

#AE6622

#6AAE22

Tetradic

#2224AE

#AE226A

#AEAC22

#22AE66

Color Blindness Simulation

Original

#2224AE

Protanopia

#23238D

Deuteranopia

#232385

Tritanopia

#22726C

Achromatopsia

#2E2E2E

CSS Usage

background-color: #2224AE;
color: #2224AE;
border-color: #2224AE;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F3F3FC
100
#E3E3F7
200
#C3C4F3
300
#999AEB
400
#6163E0
500
#2A2CD5
600
#2123AB
700
#1B1C89
800
#15166B
900
#13144E
950
#0C0D31

Contrast Checker

Text on white

10.87:1

AA Pass AAA Pass

Text on black

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