#AAD5BA

#AAD5BA

Color Values

HEX

#AAD5BA

RGB

170, 213, 186

HSL

142.3, 33.9%, 75.1%

HSV

142.3, 20.2%, 83.5%

CMYK

20.2%, 0.0%, 12.7%, 16.5%

OKLCH

0.8348 0.0588 157.3

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#AAD5BA

#D5AAC5

Analogous

#B0D5AA

#AAD5D0

#AAD5BA

Triadic

#AAD5BA

#BAAAD5

#D5BAAA

Split Complementary

#AAD5BA

#D0AAD5

#D5AAB0

Tetradic

#AAD5BA

#AAB0D5

#D5AAC5

#D5D0AA

Color Blindness Simulation

Original

#AAD5BA

Protanopia

#BDBDC1

Deuteranopia

#BAB7C2

Tritanopia

#ACC6C7

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E8F2EC
200
#CFE7D8
300
#ADD7BC
400
#81C198
500
#54AB74
600
#43895D
700
#366D4A
800
#2A553A
900
#223F2D
950
#15281C

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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