#2AA25F

#2AA25F

Color Values

HEX

#2AA25F

RGB

42, 162, 95

HSL

146.5, 58.8%, 40.0%

HSV

146.5, 74.1%, 63.5%

CMYK

74.1%, 0.0%, 41.4%, 36.5%

OKLCH

0.6312 0.1444 153.8

Properties

Cool Light Nearest: NCS S 1050-B90G Emerald

Color Harmonies

Complementary

#2AA25F

#A22A6D

Analogous

#31A22A

#2AA29B

#2AA25F

Triadic

#2AA25F

#5F2AA2

#A25F2A

Split Complementary

#2AA25F

#9B2AA2

#A22A31

Tetradic

#2AA25F

#2A31A2

#A22A6D

#A29B2A

Color Blindness Simulation

Original

#2AA25F

Protanopia

#5E5F6F

Deuteranopia

#574E73

Tritanopia

#307C7F

Achromatopsia

#848484

CSS Usage

background-color: #2AA25F;
color: #2AA25F;
border-color: #2AA25F;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F4FBF7
100
#E4F6EC
200
#C6F0D9
300
#9EE6BE
400
#69D89A
500
#35CA77
600
#2AA25F
700
#22824C
800
#1A653B
900
#174A2D
950
#0E2F1D

Contrast Checker

Text on white

3.27:1

AA Fail AAA Fail

Text on black

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