#22181C

#22181C

Color Values

HEX

#22181C

RGB

34, 24, 28

HSL

336.0, 17.2%, 11.4%

HSV

336.0, 29.4%, 13.3%

CMYK

0.0%, 29.4%, 17.6%, 86.7%

OKLCH

0.2231 0.0175 352.7

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#22181C

#18221E

Analogous

#221821

#221918

#22181C

Triadic

#22181C

#1C2218

#181C22

Split Complementary

#22181C

#182219

#182122

Tetradic

#22181C

#212218

#18221E

#191822

Color Blindness Simulation

Original

#22181C

Protanopia

#1E1E1B

Deuteranopia

#1E1F1B

Tritanopia

#221A1A

Achromatopsia

#1A1A1A

CSS Usage

background-color: #22181C;
color: #22181C;
border-color: #22181C;
Nearest Tailwind: Zinc 900 #18181B

Tailwind Shades

50
#F8F6F7
100
#F0EBED
200
#E1D5DA
300
#CCB7C0
400
#B1909D
500
#956A7B
600
#785462
700
#60444F
800
#4B353E
900
#38292F
950
#231A1E

Contrast Checker

Text on white

17.28:1

AA Pass AAA Pass

Text on black

1.22:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026