#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

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