#2ED169

#2ED169

Color Values

HEX

#2ED169

RGB

46, 209, 105

HSL

141.7, 63.9%, 50.0%

HSV

141.7, 78.0%, 82.0%

CMYK

78.0%, 0.0%, 49.8%, 18.0%

OKLCH

0.7575 0.1945 150.0

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#2ED169

#D12E96

Analogous

#45D12E

#2ED1BA

#2ED169

Triadic

#2ED169

#692ED1

#D1692E

Split Complementary

#2ED169

#BA2ED1

#D12E45

Tetradic

#2ED169

#2E45D1

#D12E96

#D1BA2E

Color Blindness Simulation

Original

#2ED169

Protanopia

#757682

Deuteranopia

#6B5F88

Tritanopia

#36969A

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#F3FCF6
100
#E3F7EA
200
#C4F2D5
300
#9BE9B7
400
#64DD90
500
#2ED169
600
#25A754
700
#1D8643
800
#176834
900
#154C29
950
#0D301A

Contrast Checker

Text on white

2.01:1

AA Fail AAA Fail

Text on black

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