#22311F

#22311F

Color Values

HEX

#22311F

RGB

34, 49, 31

HSL

110.0, 22.5%, 15.7%

HSV

110.0, 36.7%, 19.2%

CMYK

30.6%, 0.0%, 36.7%, 80.8%

OKLCH

0.2938 0.0376 140.4

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#22311F

#2E1F31

Analogous

#2B311F

#1F3125

#22311F

Triadic

#22311F

#1F2231

#311F22

Split Complementary

#22311F

#251F31

#311F2B

Tetradic

#22311F

#1F2B31

#2E1F31

#31251F

Color Blindness Simulation

Original

#22311F

Protanopia

#282923

Deuteranopia

#282624

Tritanopia

#232728

Achromatopsia

#2D2D2D

CSS Usage

background-color: #22311F;
color: #22311F;
border-color: #22311F;
Nearest Tailwind: Emerald 950 #022C22

Tailwind Shades

50
#F6F9F6
100
#EBF1EA
200
#D6E3D3
300
#B9D0B4
400
#92B68B
500
#6C9C63
600
#577D4F
700
#45643F
800
#364E31
900
#2A3A27
950
#1A2518

Contrast Checker

Text on white

13.75:1

AA Pass AAA Pass

Text on black

1.53:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026