#220B20

#220B20

Color Values

HEX

#220B20

RGB

34, 11, 32

HSL

305.2, 51.1%, 8.8%

HSV

305.2, 67.6%, 13.3%

CMYK

0.0%, 67.6%, 5.9%, 86.7%

OKLCH

0.1965 0.0523 330.7

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#220B20

#0B220D

Analogous

#180B22

#220B14

#220B20

Triadic

#220B20

#20220B

#0B2022

Split Complementary

#220B20

#14220B

#0B2218

Tetradic

#220B20

#22180B

#0B220D

#0B1422

Color Blindness Simulation

Original

#220B20

Protanopia

#18181B

Deuteranopia

#191B1A

Tritanopia

#211716

Achromatopsia

#111111

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F5E5F4
200
#EEC9EA
300
#E1A3DC
400
#D170C9
500
#C13EB5
600
#9A3291
700
#7B2874
800
#601F5B
900
#471A43
950
#2D112A

Contrast Checker

Text on white

18.47:1

AA Pass AAA Pass

Text on black

1.14:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026