#2CC77E

#2CC77E

Color Values

HEX

#2CC77E

RGB

44, 199, 126

HSL

151.7, 63.8%, 47.6%

HSV

151.7, 77.9%, 78.0%

CMYK

77.9%, 0.0%, 36.7%, 22.0%

OKLCH

0.735 0.1637 156.9

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#2CC77E

#C72C75

Analogous

#2CC730

#2CC2C7

#2CC77E

Triadic

#2CC77E

#7E2CC7

#C77E2C

Split Complementary

#2CC77E

#C72CC2

#C7302C

Tetradic

#2CC77E

#302CC7

#C72C75

#C2C72C

Color Blindness Simulation

Original

#2CC77E

Protanopia

#6F7090

Deuteranopia

#665A94

Tritanopia

#349EA1

Achromatopsia

#A1A1A1

CSS Usage

background-color: #2CC77E;
color: #2CC77E;
border-color: #2CC77E;
Nearest Tailwind: Emerald 400 #34D399

Tailwind Shades

50
#F3FBF8
100
#E3F7EE
200
#C5F2DD
300
#9BE9C4
400
#64DDA4
500
#2ED184
600
#25A76A
700
#1E8655
800
#176842
900
#154C32
950
#0D3020

Contrast Checker

Text on white

2.19:1

AA Fail AAA Fail

Text on black

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