#ADD8ED

Color Details

HEX
#ADD8ED
RGB
rgb(173, 216, 237)
HSL
hsl(200, 64%, 80%)
CMYK
cmyk(27%, 9%, 0%, 7%)
Best text on this color #000000 (CR 13.82:1) Determined by WCAG contrast ratio

Readability Previews

Black on #add8ed
Contrast 13.82:1 AAA
White on #add8ed
Contrast 1.52:1 Fail
#add8ed on Black
Contrast 13.82:1 AAA
#add8ed on White
Contrast 1.52:1 Fail

Tints & Shades

#bde0f1
#cee8f4
#deeff8
#8aadbe
#68828e
#45565f

Complement & Analogous

#edc1ab
#abb6ed
#abede2

Triadic

#edabd7
#d7edab

Monochrome

#45565f #68828e #add8ed #cee8f4 #deeff8 #eff7fb

Analogous

#abede2 #c4f2eb #add8ed #bcc5f1 #abb6ed #8992be

Complementary Mix

#68828e #add8ed #cee8f4 #edc1ab #f3d7c8 #9a7d6f

Nearby Colors

#add8ec
#add8ee
#add8dd
#add8fd

Embed #ADD8ED swatch

Embed this swatch

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

Open image

About #ADD8ED

#ADD8ED converts to RGB(173, 216, 237) and HSL(200, 64%, 80%). 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).

#ADD8ED FAQs

What is the RGB value of #ADD8ED?
RGB: 173, 216, 237. Copy as CSS: rgb(173, 216, 237)
Is #ADD8ED a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #ADD8ED?
Complement: #edc1ab.
Does #ADD8ED have good contrast on white or black?
On white: 1.52:1 (Fails AA). On black: 13.82:1 (AAA (normal text)).