#222012

#222012

Color Values

HEX

#222012

RGB

34, 32, 18

HSL

52,5, 30,8%, 10,2%

HSV

52,5, 47,1%, 13,3%

CMYK

0,0%, 5,9%, 47,1%, 86,7%

OKLCH

0,2413 0,0249 101,1

Properties

Warm Dark Nearest: RAL 6022 Olive Drab

Color Harmonies

Complementary

#222012

#121422

Analogous

#221812

#1C2212

#222012

Triadic

#222012

#122220

#201222

Split Complementary

#222012

#121C22

#181222

Tetradic

#222012

#122218

#121422

#22121C

Color Blindness Simulation

Original

#222012

Protanopia

#212115

Deuteranopia

#212116

Tritanopia

#221819

Achromatopsia

#1F1F1F

CSS Usage

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

Tailwind Shades

50
#F9F9F5
100
#F2F1E8
200
#E6E4D0
300
#D5D0AF
400
#BEB684
500
#A79D58
600
#857E47
700
#6B6438
800
#534E2C
900
#3E3B23
950
#272516

Contrast Checker

Text on white

16,36:1

AA Pass AAA Pass

Text on black

1,28:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Янв 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Янв 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Янв 18, 2026