#228222

#228222

Color Values

HEX

#228222

RGB

34, 130, 34

HSL

120.0, 58.5%, 32.2%

HSV

120.0, 73.8%, 51.0%

CMYK

73.8%, 0.0%, 73.8%, 49.0%

OKLCH

0.5323 0.1581 143.0

Properties

Cool Dark Nearest: forestgreen

Color Harmonies

Complementary

#228222

#822282

Analogous

#528222

#228252

#228222

Triadic

#228222

#222282

#822222

Split Complementary

#228222

#522282

#822252

Tetradic

#228222

#225282

#822282

#825222

Color Blindness Simulation

Original

#228222

Protanopia

#4C4C39

Deuteranopia

#463F3F

Tritanopia

#274C50

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

4.9:1

AA Pass AAA Fail

Text on black

4.28: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