#ADDD77

#ADDD77

Color Values

HEX

#ADDD77

RGB

173, 221, 119

HSL

88.2, 60.0%, 66.7%

HSV

88.2, 46.2%, 86.7%

CMYK

21.7%, 0.0%, 46.2%, 13.3%

OKLCH

0.8411 0.1407 129.7

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#ADDD77

#A777DD

Analogous

#DDDA77

#7ADD77

#ADDD77

Triadic

#ADDD77

#77ADDD

#DD77AD

Split Complementary

#ADDD77

#777ADD

#DA77DD

Tetradic

#ADDD77

#77DDDA

#A777DD

#DD777A

Color Blindness Simulation

Original

#ADDD77

Protanopia

#C2C290

Deuteranopia

#BFBB96

Tritanopia

#AFA3A7

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F8FBF3
100
#EEF6E4
200
#DDF1C6
300
#C4E79D
400
#A4D968
500
#84CC33
600
#6AA329
700
#558321
800
#42661A
900
#324B16
950
#202F0E

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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