#2CD370

#2CD370

Color Values

HEX

#2CD370

RGB

44, 211, 112

HSL

144.4, 65.5%, 50.0%

HSV

144.4, 79.1%, 82.7%

CMYK

79.1%, 0.0%, 46.9%, 17.3%

OKLCH

0.7635 0.1913 151.4

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#2CD370

#D32C8F

Analogous

#3CD32C

#2CD3C3

#2CD370

Triadic

#2CD370

#702CD3

#D3702C

Split Complementary

#2CD370

#C32CD3

#D32C3C

Tetradic

#2CD370

#2C3CD3

#D32C8F

#D3C32C

Color Blindness Simulation

Original

#2CD370

Protanopia

#747688

Deuteranopia

#6B5E8E

Tritanopia

#349B9F

Achromatopsia

#A8A8A8

CSS Usage

background-color: #2CD370;
color: #2CD370;
border-color: #2CD370;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F3FCF7
100
#E3F7EB
200
#C4F3D7
300
#9AEABA
400
#63DE95
500
#2CD370
600
#23A95A
700
#1C8748
800
#166A38
900
#144D2B
950
#0D311B

Contrast Checker

Text on white

1.97:1

AA Fail AAA Fail

Text on black

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