#220C1F

#220C1F

Color Values

HEX

#220C1F

RGB

34, 12, 31

HSL

308.2, 47.8%, 9.0%

HSV

308.2, 64.7%, 13.3%

CMYK

0.0%, 64.7%, 8.8%, 86.7%

OKLCH

0.1977 0.049 332.6

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#220C1F

#0C220F

Analogous

#1A0C22

#220C14

#220C1F

Triadic

#220C1F

#1F220C

#0C1F22

Split Complementary

#220C1F

#14220C

#0C221A

Tetradic

#220C1F

#221A0C

#0C220F

#0C1422

Color Blindness Simulation

Original

#220C1F

Protanopia

#18181A

Deuteranopia

#1A1B19

Tritanopia

#211716

Achromatopsia

#121212

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F4E6F2
200
#ECCAE8
300
#DFA5D7
400
#CE74C1
500
#BC43AC
600
#973589
700
#792B6E
800
#5E2156
900
#451C40
950
#2C1128

Contrast Checker

Text on white

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