#AAD5A2

Color Details

HEX
#AAD5A2
RGB
rgb(170, 213, 162)
HSL
hsl(111, 38%, 74%)
CMYK
cmyk(20%, 0%, 24%, 16%)
Best text on this color #000000 (CR 12.75:1) Determined by WCAG contrast ratio

Readability Previews

Black on #aad5a2
Contrast 12.75:1 AAA
White on #aad5a2
Contrast 1.65:1 Fail
#aad5a2 on Black
Contrast 12.75:1 AAA
#aad5a2 on White
Contrast 1.65:1 Fail

Tints & Shades

#bbddb5
#cce6c7
#ddeeda
#88aa82
#668061
#445541

Complement & Analogous

#cea4d6
#a4d6b5
#c4d6a4

Triadic

#a4abd6
#d6a4ab

Monochrome

#445541 #668061 #aad5a2 #cce6c7 #ddeeda #eef7ec

Analogous

#c4d6a4 #d6e2bf #aad5a2 #b6dec4 #a4d6b5 #83ab91

Complementary Mix

#668061 #aad5a2 #cce6c7 #cea4d6 #dfc4e4 #866b8b

Nearby Colors

#aad5a1
#aad5a3
#aad592
#aad5b2

Embed #AAD5A2 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #AAD5A2

#AAD5A2 converts to RGB(170, 213, 162) and HSL(111, 38%, 74%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#AAD5A2 FAQs

What is the RGB value of #AAD5A2?
RGB: 170, 213, 162. Copy as CSS: rgb(170, 213, 162)
Is #AAD5A2 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #AAD5A2?
Complement: #cea4d6.
Does #AAD5A2 have good contrast on white or black?
On white: 1.65:1 (Fails AA). On black: 12.75:1 (AAA (normal text)).