#228322

#228322

Color Values

HEX

#228322

RGB

34, 131, 34

HSL

120.0, 58.8%, 32.4%

HSV

120.0, 74.0%, 51.4%

CMYK

74.0%, 0.0%, 74.0%, 48.6%

OKLCH

0.5351 0.1593 142.9

Properties

Cool Dark Nearest: forestgreen

Color Harmonies

Complementary

#228322

#832283

Analogous

#538322

#228353

#228322

Triadic

#228322

#222283

#832222

Split Complementary

#228322

#532283

#832253

Tetradic

#228322

#225383

#832283

#835322

Color Blindness Simulation

Original

#228322

Protanopia

#4C4D39

Deuteranopia

#463F3F

Tritanopia

#274C50

Achromatopsia

#676767

CSS Usage

background-color: #228322;
color: #228322;
border-color: #228322;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F4FBF4
100
#E4F6E4
200
#C6F0C6
300
#9EE69E
400
#69D869
500
#35CA35
600
#2AA22A
700
#228222
800
#1A651A
900
#174A17
950
#0E2F0E

Contrast Checker

Text on white

4.84:1

AA Pass AAA Fail

Text on black

4.34:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026