#2DDA84

#2DDA84

Color Values

HEX

#2DDA84

RGB

45, 218, 132

HSL

150.2, 70.0%, 51.6%

HSV

150.2, 79.4%, 85.5%

CMYK

79.4%, 0.0%, 39.4%, 14.5%

OKLCH

0.7851 0.1821 155.3

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#2DDA84

#DA2D83

Analogous

#2DDA2E

#2DD9DA

#2DDA84

Triadic

#2DDA84

#842DDA

#DA842D

Split Complementary

#2DDA84

#DA2DD9

#DA2E2D

Tetradic

#2DDA84

#2E2DDA

#DA2D83

#D9DA2D

Color Blindness Simulation

Original

#2DDA84

Protanopia

#787999

Deuteranopia

#6E619E

Tritanopia

#36A9AD

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F3FCF7
100
#E3F8ED
200
#C2F4DB
300
#97EDC2
400
#5FE3A1
500
#26D980
600
#1FAD66
700
#188B52
800
#136C40
900
#124F31
950
#0B321F

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

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