#2ED580

#2ED580

Color Values

HEX

#2ED580

RGB

46, 213, 128

HSL

149.5, 66.5%, 50.8%

HSV

149.5, 78.4%, 83.5%

CMYK

78.4%, 0.0%, 39.9%, 16.5%

OKLCH

0.7717 0.1791 154.9

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#2ED580

#D52E83

Analogous

#2FD52E

#2ED5D4

#2ED580

Triadic

#2ED580

#802ED5

#D5802E

Split Complementary

#2ED580

#D42ED5

#D52E2F

Tetradic

#2ED580

#2E2FD5

#D52E83

#D5D42E

Color Blindness Simulation

Original

#2ED580

Protanopia

#767895

Deuteranopia

#6D609A

Tritanopia

#36A5A8

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F3FCF7
100
#E3F7ED
200
#C4F3DB
300
#99EAC1
400
#62DFA0
500
#2BD47E
600
#22AA65
700
#1B8851
800
#156A3F
900
#134D30
950
#0C311E

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

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