#22215C

#22215C

Color Values

HEX

#22215C

RGB

34, 33, 92

HSL

241.0, 47.2%, 24.5%

HSV

241.0, 64.1%, 36.1%

CMYK

63.0%, 64.1%, 0.0%, 63.9%

OKLCH

0.2885 0.1026 278.6

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#22215C

#5B5C21

Analogous

#213D5C

#3F215C

#22215C

Triadic

#22215C

#5C2221

#215C22

Split Complementary

#22215C

#5C3F21

#3D5C21

Tetradic

#22215C

#5C213D

#5B5C21

#215C3F

Color Blindness Simulation

Original

#22215C

Protanopia

#22224E

Deuteranopia

#22224A

Tritanopia

#224240

Achromatopsia

#252525

CSS Usage

background-color: #22215C;
color: #22215C;
border-color: #22215C;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F4F4FA
100
#E6E6F4
200
#CBCAEC
300
#A6A5DF
400
#7674CD
500
#4543BC
600
#373696
700
#2C2B78
800
#23225E
900
#1D1C45
950
#12122C

Contrast Checker

Text on white

14.58:1

AA Pass AAA Pass

Text on black

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