#2228AA

#2228AA

Color Values

HEX

#2228AA

RGB

34, 40, 170

HSL

237.4, 66.7%, 40.0%

HSV

237.4, 80.0%, 66.7%

CMYK

80.0%, 76.5%, 0.0%, 33.3%

OKLCH

0.381 0.1996 270.2

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#2228AA

#AAA422

Analogous

#226CAA

#6022AA

#2228AA

Triadic

#2228AA

#AA2228

#28AA22

Split Complementary

#2228AA

#AA6022

#6CAA22

Tetradic

#2228AA

#AA226C

#AAA422

#22AA60

Color Blindness Simulation

Original

#2228AA

Protanopia

#25258B

Deuteranopia

#242483

Tritanopia

#22726C

Achromatopsia

#303030

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E3E4F7
200
#C3C6F3
300
#999DEB
400
#6267E0
500
#2A32D5
600
#2228AA
700
#1B2088
800
#15196A
900
#13164E
950
#0C0E31

Contrast Checker

Text on white

10.76:1

AA Pass AAA Pass

Text on black

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