#22011F

#22011F

Color Values

HEX

#22011F

RGB

34, 1, 31

HSL

305.5, 94.3%, 6.9%

HSV

305.5, 97.1%, 13.3%

CMYK

0.0%, 97.1%, 8.8%, 86.7%

OKLCH

0.1766 0.0757 332.1

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#22011F

#012204

Analogous

#150122

#22010F

#22011F

Triadic

#22011F

#1F2201

#011F22

Split Complementary

#22011F

#0F2201

#012215

Tetradic

#22011F

#221501

#012204

#010F22

Color Blindness Simulation

Original

#22011F

Protanopia

#141318

Deuteranopia

#161816

Tritanopia

#201211

Achromatopsia

#0A0A0A

CSS Usage

background-color: #22011F;
color: #22011F;
border-color: #22011F;
Nearest Tailwind: Slate 900 #0F172A

Tailwind Shades

50
#FDF1FC
100
#FBDFF9
200
#FDBAF7
300
#FC88F1
400
#FA48E9
500
#F807E2
600
#C606B5
700
#9F0590
800
#7C0471
900
#5A0752
950
#390534

Contrast Checker

Text on white

19.23:1

AA Pass AAA Pass

Text on black

1.09:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026