#22071F

#22071F

Color Values

HEX

#22071F

RGB

34, 7, 31

HSL

306.7, 65.9%, 8.0%

HSV

306.7, 79.4%, 13.3%

CMYK

0.0%, 79.4%, 8.8%, 86.7%

OKLCH

0.1886 0.06 332.2

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#22071F

#07220A

Analogous

#170722

#220711

#22071F

Triadic

#22071F

#1F2207

#071F22

Split Complementary

#22071F

#112207

#072217

Tetradic

#22071F

#221707

#07220A

#071122

Color Blindness Simulation

Original

#22071F

Protanopia

#161619

Deuteranopia

#181A18

Tritanopia

#211514

Achromatopsia

#0E0E0E

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F7E3F5
200
#F3C4EE
300
#EA99E1
400
#DF62D1
500
#D42BC1
600
#A9239A
700
#871C7B
800
#6A1660
900
#4D1447
950
#310C2D

Contrast Checker

Text on white

18.78:1

AA Pass AAA Pass

Text on black

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