#22100D

#22100D

Color Values

HEX

#22100D

RGB

34, 16, 13

HSL

8.6, 44.7%, 9.2%

HSV

8.6, 61.8%, 13.3%

CMYK

0.0%, 52.9%, 61.8%, 86.7%

OKLCH

0.1983 0.0313 30.2

Properties

Warm Dark Nearest: RAL 9011 Graphite Black

Color Harmonies

Complementary

#22100D

#0D1F22

Analogous

#220D14

#221A0D

#22100D

Triadic

#22100D

#0D2210

#100D22

Split Complementary

#22100D

#0D221A

#0D1422

Tetradic

#22100D

#14220D

#0D1F22

#1A0D22

Color Blindness Simulation

Original

#22100D

Protanopia

#1A1A0E

Deuteranopia

#1B1D0E

Tritanopia

#210E0E

Achromatopsia

#141414

CSS Usage

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

Tailwind Shades

50
#FAF5F4
100
#F4E8E6
200
#EBD0CB
300
#DDAEA6
400
#CB8376
500
#B85747
600
#944538
700
#76382D
800
#5C2B23
900
#44231D
950
#2B1612

Contrast Checker

Text on white

18.29:1

AA Pass AAA Pass

Text on black

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