#2AD680

#2AD680

Color Values

HEX

#2AD680

RGB

42, 214, 128

HSL

150,0, 67,7%, 50,2%

HSV

150,0, 80,4%, 83,9%

CMYK

80,4%, 0,0%, 40,2%, 16,1%

OKLCH

0,7737 0,1813 155,0

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#2AD680

#D62A80

Analogous

#2AD62A

#2AD6D6

#2AD680

Triadic

#2AD680

#802AD6

#D6802A

Split Complementary

#2AD680

#D62AD6

#D62A2A

Tetradic

#2AD680

#2A2AD6

#D62A80

#D6D62A

Color Blindness Simulation

Original

#2AD680

Protanopia

#757695

Deuteranopia

#6A5E9A

Tritanopia

#33A5A9

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F3FCF7
100
#E3F7ED
200
#C3F3DB
300
#98EBC2
400
#61E1A1
500
#29D680
600
#21AB66
700
#1A8952
800
#156B40
900
#134E30
950
#0C311F

Contrast Checker

Text on white

1,9:1

AA Fail AAA Fail

Text on black

11,03:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026