#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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026