#ADE280

#ADE280

Color Values

HEX

#ADE280

RGB

173, 226, 128

HSL

92.4, 62.8%, 69.4%

HSV

92.4, 43.4%, 88.6%

CMYK

23.5%, 0.0%, 43.4%, 11.4%

OKLCH

0.8538 0.1387 131.9

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#ADE280

#B580E2

Analogous

#DEE280

#80E284

#ADE280

Triadic

#ADE280

#80ADE2

#E280AD

Split Complementary

#ADE280

#8480E2

#E280DE

Tetradic

#ADE280

#80DEE2

#B580E2

#E28480

Color Blindness Simulation

Original

#ADE280

Protanopia

#C4C498

Deuteranopia

#C1BD9D

Tritanopia

#B0AAAF

Achromatopsia

#D0D0D0

CSS Usage

background-color: #ADE280;
color: #ADE280;
border-color: #ADE280;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F7FBF3
100
#ECF7E4
200
#DAF2C5
300
#BFE89B
400
#9CDC65
500
#79D02F
600
#61A626
700
#4E851E
800
#3D6818
900
#2E4C15
950
#1D300D

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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