#22170C

#22170C

Color Values

HEX

#22170C

RGB

34, 23, 12

HSL

30.0, 47.8%, 9.0%

HSV

30.0, 64.7%, 13.3%

CMYK

0.0%, 32.4%, 64.7%, 86.7%

OKLCH

0.2154 0.0266 65.6

Properties

Warm Dark Nearest: RAL 6022 Olive Drab

Color Harmonies

Complementary

#22170C

#0C1722

Analogous

#220C0C

#22220C

#22170C

Triadic

#22170C

#0C2217

#170C22

Split Complementary

#22170C

#0C2222

#0C0C22

Tetradic

#22170C

#0C220C

#0C1722

#220C22

Color Blindness Simulation

Original

#22170C

Protanopia

#1D1D0F

Deuteranopia

#1E1F0F

Tritanopia

#211111

Achromatopsia

#191919

CSS Usage

background-color: #22170C;
color: #22170C;
border-color: #22170C;
Nearest Tailwind: Stone 900 #1C1917

Tailwind Shades

50
#FAF7F4
100
#F4EDE6
200
#ECDBCA
300
#DFC2A5
400
#CEA174
500
#BC8043
600
#976635
700
#79522B
800
#5E4021
900
#45301C
950
#2C1F11

Contrast Checker

Text on white

17.56:1

AA Pass AAA Pass

Text on black

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