#221336

#221336

Color Values

HEX

#221336

RGB

34, 19, 54

HSL

265.7, 47.9%, 14.3%

HSV

265.7, 64.8%, 21.2%

CMYK

37.0%, 64.8%, 0.0%, 78.8%

OKLCH

0.2275 0.0665 301.0

Properties

Cool Dark Nearest: RAL 5013 Cobalt Blue

Color Harmonies

Complementary

#221336

#273613

Analogous

#131636

#331336

#221336

Triadic

#221336

#362213

#133622

Split Complementary

#221336

#363313

#163613

Tetradic

#221336

#361316

#273613

#133633

Color Blindness Simulation

Original

#221336

Protanopia

#1C1B2E

Deuteranopia

#1C1D2C

Tritanopia

#212725

Achromatopsia

#191919

CSS Usage

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

Tailwind Shades

50
#F7F4FA
100
#ECE6F4
200
#D9CAEC
300
#BEA4DF
400
#9A73CE
500
#7742BD
600
#5F3597
700
#4C2B79
800
#3B215E
900
#2D1C45
950
#1D112C

Contrast Checker

Text on white

17.29:1

AA Pass AAA Pass

Text on black

1.21:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026