#2AD572

#2AD572

Color Values

HEX

#2AD572

RGB

42, 213, 114

HSL

145.3, 67.1%, 50.0%

HSV

145.3, 80.3%, 83.5%

CMYK

80.3%, 0.0%, 46.5%, 16.5%

OKLCH

0.7687 0.1925 151.7

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#2AD572

#D52A8D

Analogous

#37D52A

#2AD5C8

#2AD572

Triadic

#2AD572

#722AD5

#D5722A

Split Complementary

#2AD572

#C82AD5

#D52A37

Tetradic

#2AD572

#2A37D5

#D52A8D

#D5C82A

Color Blindness Simulation

Original

#2AD572

Protanopia

#74768A

Deuteranopia

#6A5D90

Tritanopia

#339DA1

Achromatopsia

#A9A9A9

CSS Usage

background-color: #2AD572;
color: #2AD572;
border-color: #2AD572;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F3FCF7
100
#E3F7EC
200
#C3F3D8
300
#99EBBB
400
#61E097
500
#2AD572
600
#22AA5B
700
#1B8849
800
#156B39
900
#134E2C
950
#0C311C

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

10.86:1

AA Pass AAA Pass

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