#2AA250

#2AA250

Color Values

HEX

#2AA250

RGB

42, 162, 80

HSL

139.0, 58.8%, 40.0%

HSV

139.0, 74.1%, 63.5%

CMYK

74.1%, 0.0%, 50.6%, 36.5%

OKLCH

0.6286 0.1585 149.3

Properties

Cool Light Nearest: NCS S 1060-G Bright Green

Color Harmonies

Complementary

#2AA250

#A22A7C

Analogous

#40A22A

#2AA28C

#2AA250

Triadic

#2AA250

#502AA2

#A2502A

Split Complementary

#2AA250

#8C2AA2

#A22A40

Tetradic

#2AA250

#2A40A2

#A22A7C

#A28C2A

Color Blindness Simulation

Original

#2AA250

Protanopia

#5E5F64

Deuteranopia

#574E69

Tritanopia

#307477

Achromatopsia

#838383

CSS Usage

background-color: #2AA250;
color: #2AA250;
border-color: #2AA250;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F4FBF6
100
#E4F6EA
200
#C6F0D4
300
#9EE6B5
400
#69D88C
500
#35CA64
600
#2AA250
700
#228240
800
#1A6532
900
#174A27
950
#0E2F19

Contrast Checker

Text on white

3.29:1

AA Fail AAA Fail

Text on black

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