#2CD372

#2CD372

Color Values

HEX

#2CD372

RGB

44, 211, 114

HSL

145,1, 65,5%, 50,0%

HSV

145,1, 79,1%, 82,7%

CMYK

79,1%, 0,0%, 46,0%, 17,3%

OKLCH

0,7638 0,1896 151,8

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#2CD372

#D32C8D

Analogous

#3AD32C

#2CD3C5

#2CD372

Triadic

#2CD372

#722CD3

#D3722C

Split Complementary

#2CD372

#C52CD3

#D32C3A

Tetradic

#2CD372

#2C3AD3

#D32C8D

#D3C52C

Color Blindness Simulation

Original

#2CD372

Protanopia

#747689

Deuteranopia

#6B5E8F

Tritanopia

#349CA0

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#F3FCF7
100
#E3F7EC
200
#C4F3D7
300
#9AEABB
400
#63DE97
500
#2CD372
600
#23A95B
700
#1C8749
800
#166A39
900
#144D2C
950
#0D311C

Contrast Checker

Text on white

1,97:1

AA Fail AAA Fail

Text on black

10,67: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