#28AA22

#28AA22

Color Values

HEX

#28AA22

RGB

40, 170, 34

HSL

117.4, 66.7%, 40.0%

HSV

117.4, 80.0%, 66.7%

CMYK

76.5%, 0.0%, 80.0%, 33.3%

OKLCH

0.6451 0.2017 142.4

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#28AA22

#A422AA

Analogous

#6CAA22

#22AA60

#28AA22

Triadic

#28AA22

#2228AA

#AA2228

Split Complementary

#28AA22

#6022AA

#AA226C

Tetradic

#28AA22

#226CAA

#A422AA

#AA6022

Color Blindness Simulation

Original

#28AA22

Protanopia

#606143

Deuteranopia

#594F4B

Tritanopia

#2E5D63

Achromatopsia

#858585

CSS Usage

background-color: #28AA22;
color: #28AA22;
border-color: #28AA22;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F3FCF3
100
#E4F7E3
200
#C6F3C3
300
#9DEB99
400
#67E062
500
#32D52A
600
#28AA22
700
#20881B
800
#196A15
900
#164E13
950
#0E310C

Contrast Checker

Text on white

3.06:1

AA Fail AAA Fail

Text on black

6.86:1

AA Pass 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