#AAD285

#AAD285

Color Values

HEX

#AAD285

RGB

170, 210, 133

HSL

91.2, 46.1%, 67.3%

HSV

91.2, 36.7%, 82.4%

CMYK

19.0%, 0.0%, 36.7%, 17.6%

OKLCH

0.8166 0.1111 130.8

Properties

Cool Light Nearest: Granny Smith Apple

Color Harmonies

Complementary

#AAD285

#AD85D2

Analogous

#D1D285

#85D287

#AAD285

Triadic

#AAD285

#85AAD2

#D285AA

Split Complementary

#AAD285

#8785D2

#D285D1

Tetradic

#AAD285

#85D1D2

#AD85D2

#D28785

Color Blindness Simulation

Original

#AAD285

Protanopia

#BBBC98

Deuteranopia

#B9B69C

Tritanopia

#ACA6AA

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F7FAF4
100
#EDF4E6
200
#DBECCB
300
#C1DEA6
400
#9FCC75
500
#7DBA45
600
#649537
700
#50772C
800
#3F5D22
900
#30451C
950
#1E2B12

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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