#220B22

#220B22

Color Values

HEX

#220B22

RGB

34, 11, 34

HSL

300.0, 51.1%, 8.8%

HSV

300.0, 67.6%, 13.3%

CMYK

0.0%, 67.6%, 0.0%, 86.7%

OKLCH

0.1977 0.0547 327.4

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#220B22

#0B220B

Analogous

#160B22

#220B16

#220B22

Triadic

#220B22

#22220B

#0B2222

Split Complementary

#220B22

#16220B

#0B2216

Tetradic

#220B22

#22160B

#0B220B

#0B1622

Color Blindness Simulation

Original

#220B22

Protanopia

#18181C

Deuteranopia

#191B1B

Tritanopia

#211817

Achromatopsia

#121212

CSS Usage

background-color: #220B22;
color: #220B22;
border-color: #220B22;
Nearest Tailwind: Slate 900 #0F172A

Tailwind Shades

50
#FBF4FB
100
#F5E5F5
200
#EEC9EE
300
#E1A3E1
400
#D170D1
500
#C13EC1
600
#9A329A
700
#7B287B
800
#601F60
900
#471A47
950
#2D112D

Contrast Checker

Text on white

18.44:1

AA Pass AAA Pass

Text on black

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