#220C31

#220C31

Color Values

HEX

#220C31

RGB

34, 12, 49

HSL

275.7, 60.7%, 12.0%

HSV

275.7, 75.5%, 19.2%

CMYK

30.6%, 75.5%, 0.0%, 80.8%

OKLCH

0.2107 0.0723 308.9

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#220C31

#1B310C

Analogous

#100C31

#310C2E

#220C31

Triadic

#220C31

#31220C

#0C3122

Split Complementary

#220C31

#2E310C

#0C3110

Tetradic

#220C31

#31100C

#1B310C

#0C2E31

Color Blindness Simulation

Original

#220C31

Protanopia

#181828

Deuteranopia

#1A1B26

Tritanopia

#21211F

Achromatopsia

#131313

CSS Usage

background-color: #220C31;
color: #220C31;
border-color: #220C31;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F8F3FB
100
#EFE4F6
200
#DFC6F1
300
#C99DE7
400
#AC67DA
500
#8E32CD
600
#7228A4
700
#5B2083
800
#471966
900
#35164B
950
#220E2F

Contrast Checker

Text on white

18.03:1

AA Pass AAA Pass

Text on black

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