#22141C

#22141C

Color Values

HEX

#22141C

RGB

34, 20, 28

HSL

325.7, 25.9%, 10.6%

HSV

325.7, 41.2%, 13.3%

CMYK

0.0%, 41.2%, 17.6%, 86.7%

OKLCH

0.2133 0.0269 344.4

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#22141C

#14221A

Analogous

#211422

#221415

#22141C

Triadic

#22141C

#1C2214

#141C22

Split Complementary

#22141C

#152214

#142221

Tetradic

#22141C

#222114

#14221A

#141522

Color Blindness Simulation

Original

#22141C

Protanopia

#1C1C1A

Deuteranopia

#1D1E1A

Tritanopia

#211918

Achromatopsia

#181818

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1E9EE
200
#E5D2DD
300
#D2B2C4
400
#B988A4
500
#A15E84
600
#804C6A
700
#673C55
800
#502F42
900
#3C2532
950
#261720

Contrast Checker

Text on white

17.72:1

AA Pass AAA Pass

Text on black

1.18:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026