#22255E

#22255E

Color Values

HEX

#22255E

RGB

34, 37, 94

HSL

237.0, 46.9%, 25.1%

HSV

237.0, 63.8%, 36.9%

CMYK

63.8%, 60.6%, 0.0%, 63.1%

OKLCH

0.2985 0.0998 276.2

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#22255E

#5E5B22

Analogous

#22435E

#3D225E

#22255E

Triadic

#22255E

#5E2225

#255E22

Split Complementary

#22255E

#5E3D22

#435E22

Tetradic

#22255E

#5E2243

#5E5B22

#225E3D

Color Blindness Simulation

Original

#22255E

Protanopia

#232350

Deuteranopia

#23234D

Tritanopia

#224543

Achromatopsia

#282828

CSS Usage

background-color: #22255E;
color: #22255E;
border-color: #22255E;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F4F5FA
100
#E6E7F4
200
#CBCCEC
300
#A5A8DF
400
#7479CD
500
#444ABB
600
#363B96
700
#2B2F78
800
#22255E
900
#1C1E45
950
#12132C

Contrast Checker

Text on white

14.05:1

AA Pass AAA Pass

Text on black

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