#2AA280

#2AA280

Color Values

HEX

#2AA280

RGB

42, 162, 128

HSL

163.0, 58.8%, 40.0%

HSV

163.0, 74.1%, 63.5%

CMYK

74.1%, 0.0%, 21.0%, 36.5%

OKLCH

0.6389 0.1156 169.3

Properties

Cool Light Nearest: Jungle Green

Color Harmonies

Complementary

#2AA280

#A22A4C

Analogous

#2AA244

#2A88A2

#2AA280

Triadic

#2AA280

#802AA2

#A2802A

Split Complementary

#2AA280

#A22A88

#A2442A

Tetradic

#2AA280

#442AA2

#A22A4C

#88A22A

Color Blindness Simulation

Original

#2AA280

Protanopia

#5E5F88

Deuteranopia

#574E8A

Tritanopia

#308F90

Achromatopsia

#868686

CSS Usage

background-color: #2AA280;
color: #2AA280;
border-color: #2AA280;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F4FBF9
100
#E4F6F1
200
#C6F0E4
300
#9EE6D1
400
#69D8B9
500
#35CAA0
600
#2AA280
700
#228266
800
#1A6550
900
#174A3C
950
#0E2F26

Contrast Checker

Text on white

3.19:1

AA Fail AAA Fail

Text on black

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