#221817

#221817

Color Values

HEX

#221817

RGB

34, 24, 23

HSL

5.5, 19.3%, 11.2%

HSV

5.5, 32.4%, 13.3%

CMYK

0.0%, 29.4%, 32.4%, 86.7%

OKLCH

0.2212 0.0163 25.0

Properties

Warm Dark Nearest: RAL 9011 Graphite Black

Color Harmonies

Complementary

#221817

#172122

Analogous

#22171C

#221E17

#221817

Triadic

#221817

#172218

#181722

Split Complementary

#221817

#17221E

#171C22

Tetradic

#221817

#1C2217

#172122

#1E1722

Color Blindness Simulation

Original

#221817

Protanopia

#1E1E17

Deuteranopia

#1E1F17

Tritanopia

#221717

Achromatopsia

#1A1A1A

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F0EBEA
200
#E2D6D4
300
#CEB8B6
400
#B3928E
500
#986B67
600
#7A5652
700
#614542
800
#4C3633
900
#392A28
950
#241A19

Contrast Checker

Text on white

17.34:1

AA Pass AAA Pass

Text on black

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