#22531C

#22531C

Color Values

HEX

#22531C

RGB

34, 83, 28

HSL

113.5, 49.5%, 21.8%

HSV

113.5, 66.3%, 32.5%

CMYK

59.0%, 0.0%, 66.3%, 67.5%

OKLCH

0.3947 0.1004 141.5

Properties

Cool Dark Nearest: NCS S 3060-G Dark Green

Color Harmonies

Complementary

#22531C

#4D1C53

Analogous

#3E531C

#1C5332

#22531C

Triadic

#22531C

#1C2253

#531C22

Split Complementary

#22531C

#321C53

#531C3E

Tetradic

#22531C

#1C3E53

#4D1C53

#53321C

Color Blindness Simulation

Original

#22531C

Protanopia

#373829

Deuteranopia

#34312C

Tritanopia

#243436

Achromatopsia

#454545

CSS Usage

background-color: #22531C;
color: #22531C;
border-color: #22531C;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F5FBF4
100
#E7F5E6
200
#CDEDCA
300
#AAE0A4
400
#7CCF72
500
#4EBF40
600
#3E9834
700
#327A29
800
#275F20
900
#20461B
950
#142C11

Contrast Checker

Text on white

9.04:1

AA Pass AAA Pass

Text on black

2.32:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026