#221814

#221814

Color Values

HEX

#221814

RGB

34, 24, 20

HSL

17.1, 25.9%, 10.6%

HSV

17.1, 41.2%, 13.3%

CMYK

0.0%, 29.4%, 41.2%, 86.7%

OKLCH

0.2202 0.0179 42.8

Properties

Warm Dark Nearest: RAL 6022 Olive Drab

Color Harmonies

Complementary

#221814

#141E22

Analogous

#221417

#221F14

#221814

Triadic

#221814

#142218

#181422

Split Complementary

#221814

#14221F

#141722

Tetradic

#221814

#172214

#141E22

#1F1422

Color Blindness Simulation

Original

#221814

Protanopia

#1E1E15

Deuteranopia

#1E1F15

Tritanopia

#221616

Achromatopsia

#1A1A1A

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1EBE9
200
#E5D7D2
300
#D2BBB2
400
#B99688
500
#A1715E
600
#805B4C
700
#67493C
800
#50392F
900
#3C2C25
950
#261C17

Contrast Checker

Text on white

17.37:1

AA Pass AAA Pass

Text on black

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