#2AD88B

#2AD88B

Color Values

HEX

#2AD88B

RGB

42, 216, 139

HSL

153.4, 69.0%, 50.6%

HSV

153.4, 80.6%, 84.7%

CMYK

80.6%, 0.0%, 35.6%, 15.3%

OKLCH

0.7809 0.1741 157.7

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#2AD88B

#D82A77

Analogous

#2AD834

#2ACED8

#2AD88B

Triadic

#2AD88B

#8B2AD8

#D88B2A

Split Complementary

#2AD88B

#D82ACE

#D8342A

Tetradic

#2AD88B

#342AD8

#D82A77

#CED82A

Color Blindness Simulation

Original

#2AD88B

Protanopia

#75779E

Deuteranopia

#6B5EA2

Tritanopia

#33ACB0

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#F3FCF8
100
#E3F8EE
200
#C3F4DE
300
#98ECC7
400
#60E2A8
500
#28D789
600
#20AC6E
700
#198A58
800
#146C45
900
#124F34
950
#0C3221

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

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