#227F22

#227F22

Color Values

HEX

#227F22

RGB

34, 127, 34

HSL

120.0, 57.8%, 31.6%

HSV

120.0, 73.2%, 49.8%

CMYK

73.2%, 0.0%, 73.2%, 50.2%

OKLCH

0.5237 0.1545 143.0

Properties

Cool Dark Nearest: forestgreen

Color Harmonies

Complementary

#227F22

#7F227F

Analogous

#517F22

#227F51

#227F22

Triadic

#227F22

#22227F

#7F2222

Split Complementary

#227F22

#51227F

#7F2251

Tetradic

#227F22

#22517F

#7F227F

#7F5122

Color Blindness Simulation

Original

#227F22

Protanopia

#4A4B38

Deuteranopia

#453E3E

Tritanopia

#274A4E

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F4FBF4
100
#E4F6E4
200
#C7F0C7
300
#9EE59E
400
#6AD76A
500
#36C936
600
#2BA12B
700
#228122
800
#1B651B
900
#174A17
950
#0F2F0F

Contrast Checker

Text on white

5.09:1

AA Pass AAA Fail

Text on black

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