#2AA248

#2AA248

Color Values

HEX

#2AA248

RGB

42, 162, 72

HSL

135.0, 58.8%, 40.0%

HSV

135.0, 74.1%, 63.5%

CMYK

74.1%, 0.0%, 55.6%, 36.5%

OKLCH

0.6274 0.1656 147.5

Properties

Cool Light Nearest: NCS S 1070-G Pure Green

Color Harmonies

Complementary

#2AA248

#A22A84

Analogous

#48A22A

#2AA284

#2AA248

Triadic

#2AA248

#482AA2

#A2482A

Split Complementary

#2AA248

#842AA2

#A22A48

Tetradic

#2AA248

#2A48A2

#A22A84

#A2842A

Color Blindness Simulation

Original

#2AA248

Protanopia

#5E5F5E

Deuteranopia

#574E63

Tritanopia

#306F73

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F4FBF5
100
#E4F6E9
200
#C6F0D1
300
#9EE6B0
400
#69D885
500
#35CA5A
600
#2AA248
700
#22823A
800
#1A652D
900
#174A24
950
#0E2F17

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

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