#AAD1DF

Color Details

HEX
#AAD1DF
RGB
rgb(170, 209, 223)
HSL
hsl(196, 45%, 77%)
CMYK
cmyk(24%, 6%, 0%, 13%)
Best text on this color #000000 (CR 12.89:1) Determined by WCAG contrast ratio

Readability Previews

Black on #aad1df
Contrast 12.89:1 AAA
White on #aad1df
Contrast 1.63:1 Fail
#aad1df on Black
Contrast 12.89:1 AAA
#aad1df on White
Contrast 1.63:1 Fail

Tints & Shades

#bbdae5
#cce3ec
#ddedf2
#88a7b2
#667d86
#445459

Complement & Analogous

#dfb8aa
#aab6df
#aadfd2

Triadic

#dfaad1
#d1dfaa

Monochrome

#445459 #667d86 #aad1df #cce3ec #ddedf2 #eef6f9

Analogous

#aadfd2 #c4e9e0 #aad1df #bbc5e5 #aab6df #8892b2

Complementary Mix

#667d86 #aad1df #cce3ec #dfb8aa #ead1c8 #91786f

Nearby Colors

#aad1de
#aad1e0
#aad1cf
#aad1ef

Embed #AAD1DF swatch

Embed this swatch

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

Open image

About #AAD1DF

#AAD1DF converts to RGB(170, 209, 223) and HSL(196, 45%, 77%). 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).

#AAD1DF FAQs

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