#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

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026