#2AA32F

#2AA32F

Color Values

HEX

#2AA32F

RGB

42, 163, 47

HSL

122.5, 59.0%, 40.2%

HSV

122.5, 74.2%, 63.9%

CMYK

74.2%, 0.0%, 71.2%, 36.1%

OKLCH

0.6273 0.1861 143.4

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#2AA32F

#A32A9E

Analogous

#61A32A

#2AA36C

#2AA32F

Triadic

#2AA32F

#2F2AA3

#A32F2A

Split Complementary

#2AA32F

#6C2AA3

#A32A61

Tetradic

#2AA32F

#2A61A3

#A32A9E

#A36C2A

Color Blindness Simulation

Original

#2AA32F

Protanopia

#5E5F4B

Deuteranopia

#574E52

Tritanopia

#306166

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F4FBF4
100
#E4F6E5
200
#C6F0C8
300
#9EE6A1
400
#69D86E
500
#34CB3B
600
#2AA22F
700
#218225
800
#1A651D
900
#174A19
950
#0E2F10

Contrast Checker

Text on white

3.29:1

AA Fail AAA Fail

Text on black

6.38:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026