#22100F

#22100F

Color Values

HEX

#22100F

RGB

34, 16, 15

HSL

3.2, 38.8%, 9.6%

HSV

3.2, 55.9%, 13.3%

CMYK

0.0%, 52.9%, 55.9%, 86.7%

OKLCH

0.1989 0.0307 23.6

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#22100F

#0F2122

Analogous

#220F17

#22190F

#22100F

Triadic

#22100F

#0F2210

#100F22

Split Complementary

#22100F

#0F2219

#0F1722

Tetradic

#22100F

#17220F

#0F2122

#190F22

Color Blindness Simulation

Original

#22100F

Protanopia

#1A1A0F

Deuteranopia

#1B1D0F

Tritanopia

#210F0F

Achromatopsia

#141414

CSS Usage

background-color: #22100F;
color: #22100F;
border-color: #22100F;
Nearest Tailwind: Stone 900 #1C1917

Tailwind Shades

50
#FAF5F5
100
#F3E8E7
200
#E9CFCD
300
#DAADAA
400
#C5807C
500
#B1534E
600
#8E433E
700
#713532
800
#582A27
900
#412120
950
#291514

Contrast Checker

Text on white

18.28:1

AA Pass AAA Pass

Text on black

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