#AAD9AC

#AAD9AC

Color Values

HEX

#AAD9AC

RGB

170, 217, 172

HSL

122.6, 38.2%, 75.9%

HSV

122.6, 21.7%, 85.1%

CMYK

21.7%, 0.0%, 20.7%, 14.9%

OKLCH

0.8402 0.0791 145.9

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#AAD9AC

#D9AAD7

Analogous

#C0D9AA

#AAD9C4

#AAD9AC

Triadic

#AAD9AC

#ACAAD9

#D9ACAA

Split Complementary

#AAD9AC

#C4AAD9

#D9AAC0

Tetradic

#AAD9AC

#AAC0D9

#D9AAD7

#D9C4AA

Color Blindness Simulation

Original

#AAD9AC

Protanopia

#BEBFB7

Deuteranopia

#BCB8BA

Tritanopia

#ACBFC1

Achromatopsia

#CCCCCC

CSS Usage

background-color: #AAD9AC;
color: #AAD9AC;
border-color: #AAD9AC;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F5FAF5
100
#E7F3E8
200
#CEE9CF
300
#AAD9AC
400
#7DC580
500
#4FB053
600
#3F8D42
700
#327135
800
#27582A
900
#204121
950
#142915

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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