#ADED80

#ADED80

Color Values

HEX

#ADED80

RGB

173, 237, 128

HSL

95.2, 75.2%, 71.6%

HSV

95.2, 46.0%, 92.9%

CMYK

27.0%, 0.0%, 46.0%, 7.1%

OKLCH

0.8788 0.1546 133.6

Properties

Cool Light Nearest: NCS S 0530-G40Y Chartreuse

Color Harmonies

Complementary

#ADED80

#C080ED

Analogous

#E4ED80

#80ED8A

#ADED80

Triadic

#ADED80

#80ADED

#ED80AD

Split Complementary

#ADED80

#8A80ED

#ED80E4

Tetradic

#ADED80

#80E4ED

#C080ED

#ED8A80

Color Blindness Simulation

Original

#ADED80

Protanopia

#C9C99A

Deuteranopia

#C5C0A1

Tritanopia

#B0AFB4

Achromatopsia

#D8D8D8

CSS Usage

background-color: #ADED80;
color: #ADED80;
border-color: #ADED80;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F7FCF2
100
#EBF9E2
200
#D7F6C0
300
#BAF094
400
#94E85A
500
#6FDF20
600
#59B319
700
#478F14
800
#377010
900
#2B5110
950
#1B330A

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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