#22211F

#22211F

Color Values

HEX

#22211F

RGB

34, 33, 31

HSL

40.0, 4.6%, 12.7%

HSV

40.0, 8.8%, 13.3%

CMYK

0.0%, 2.9%, 8.8%, 86.7%

OKLCH

0.2481 0.004 84.6

Properties

Warm Dark Nearest: RAL 8022 Black Brown

Color Harmonies

Complementary

#22211F

#1F2022

Analogous

#221F1F

#21221F

#22211F

Triadic

#22211F

#1F2221

#211F22

Split Complementary

#22211F

#1F2122

#1F1F22

Tetradic

#22211F

#1F221F

#1F2022

#221F21

Color Blindness Simulation

Original

#22211F

Protanopia

#22221F

Deuteranopia

#222220

Tritanopia

#222020

Achromatopsia

#212121

CSS Usage

background-color: #22211F;
color: #22211F;
border-color: #22211F;
Nearest Tailwind: Stone 800 #292524

Tailwind Shades

50
#F8F7F7
100
#EEEDEC
200
#DDDCDA
300
#C5C3BF
400
#A5A29C
500
#85817A
600
#6B6861
700
#55534E
800
#43413D
900
#32312E
950
#201F1D

Contrast Checker

Text on white

16.09:1

AA Pass AAA Pass

Text on black

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