#2ED16D

#2ED16D

Color Values

HEX

#2ED16D

RGB

46, 209, 109

HSL

143.2, 63.9%, 50.0%

HSV

143.2, 78.0%, 82.0%

CMYK

78.0%, 0.0%, 47.8%, 18.0%

OKLCH

0.7582 0.191 150.9

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#2ED16D

#D12E92

Analogous

#40D12E

#2ED1BF

#2ED16D

Triadic

#2ED16D

#6D2ED1

#D16D2E

Split Complementary

#2ED16D

#BF2ED1

#D12E40

Tetradic

#2ED16D

#2E40D1

#D12E92

#D1BF2E

Color Blindness Simulation

Original

#2ED16D

Protanopia

#757685

Deuteranopia

#6B5F8B

Tritanopia

#36989C

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#F3FCF6
100
#E3F7EB
200
#C4F2D6
300
#9BE9B9
400
#64DD93
500
#2ED16D
600
#25A757
700
#1D8646
800
#176837
900
#154C2A
950
#0D301B

Contrast Checker

Text on white

2.01:1

AA Fail AAA Fail

Text on black

10.46:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026