#222017

#222017

Color Values

HEX

#222017

RGB

34, 32, 23

HSL

49,1, 19,3%, 11,2%

HSV

49,1, 32,4%, 13,3%

CMYK

0,0%, 5,9%, 32,4%, 86,7%

OKLCH

0,2427 0,0166 97,0

Properties

Warm Dark Nearest: RAL 6022 Olive Drab

Color Harmonies

Complementary

#222017

#171922

Analogous

#221B17

#1F2217

#222017

Triadic

#222017

#172220

#201722

Split Complementary

#222017

#171F22

#1B1722

Tetradic

#222017

#17221B

#171922

#22171F

Color Blindness Simulation

Original

#222017

Protanopia

#212119

Deuteranopia

#21211A

Tritanopia

#221B1B

Achromatopsia

#202020

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F0EFEA
200
#E2E0D4
300
#CEC9B6
400
#B3AC8E
500
#988F67
600
#7A7352
700
#615C42
800
#4C4833
900
#393628
950
#242219

Contrast Checker

Text on white

16,32:1

AA Pass AAA Pass

Text on black

1,29: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