#22180F

#22180F

Color Values

HEX

#22180F

RGB

34, 24, 15

HSL

28.4, 38.8%, 9.6%

HSV

28.4, 55.9%, 13.3%

CMYK

0.0%, 29.4%, 55.9%, 86.7%

OKLCH

0.2187 0.023 63.2

Properties

Warm Dark Nearest: RAL 6022 Olive Drab

Color Harmonies

Complementary

#22180F

#0F1922

Analogous

#220F0F

#22210F

#22180F

Triadic

#22180F

#0F2218

#180F22

Split Complementary

#22180F

#0F2221

#0F0F22

Tetradic

#22180F

#0F220F

#0F1922

#210F22

Color Blindness Simulation

Original

#22180F

Protanopia

#1E1E11

Deuteranopia

#1E1F12

Tritanopia

#221313

Achromatopsia

#191919

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3EDE7
200
#E9DBCD
300
#DAC1AA
400
#C59F7C
500
#B17D4E
600
#8E643E
700
#715032
800
#583E27
900
#413020
950
#291E14

Contrast Checker

Text on white

17.42:1

AA Pass AAA Pass

Text on black

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