#22051F

#22051F

Color Values

HEX

#22051F

RGB

34, 5, 31

HSL

306.2, 74.4%, 7.6%

HSV

306.2, 85.3%, 13.3%

CMYK

0.0%, 85.3%, 8.8%, 86.7%

OKLCH

0.1848 0.0649 332.1

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#22051F

#052208

Analogous

#160522

#220510

#22051F

Triadic

#22051F

#1F2205

#051F22

Split Complementary

#22051F

#102205

#052216

Tetradic

#22051F

#221605

#052208

#051022

Color Blindness Simulation

Original

#22051F

Protanopia

#151519

Deuteranopia

#171917

Tritanopia

#211413

Achromatopsia

#0D0D0D

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F8E2F6
200
#F6C1F0
300
#EF94E6
400
#E75AD8
500
#DE21CB
600
#B21AA2
700
#8E1582
800
#6F1065
900
#51104A
950
#330A2F

Contrast Checker

Text on white

18.93:1

AA Pass AAA Pass

Text on black

1.11:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026