#2AD37D

#2AD37D

Color Values

HEX

#2AD37D

RGB

42, 211, 125

HSL

149.5, 66.8%, 49.6%

HSV

149.5, 80.1%, 82.7%

CMYK

80.1%, 0.0%, 40.8%, 17.3%

OKLCH

0.7654 0.1802 154.6

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#2AD37D

#D32A80

Analogous

#2BD32A

#2AD3D2

#2AD37D

Triadic

#2AD37D

#7D2AD3

#D37D2A

Split Complementary

#2AD37D

#D22AD3

#D32A2B

Tetradic

#2AD37D

#2A2BD3

#D32A80

#D3D22A

Color Blindness Simulation

Original

#2AD37D

Protanopia

#737592

Deuteranopia

#695D97

Tritanopia

#32A2A6

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#F3FCF7
100
#E3F7ED
200
#C3F3DB
300
#99EBC1
400
#62E0A0
500
#2AD57E
600
#22AA65
700
#1B8851
800
#156A3F
900
#134E30
950
#0C311E

Contrast Checker

Text on white

1.96:1

AA Fail AAA Fail

Text on black

10.71:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026