#A8D4DD

Color Details

HEX
#A8D4DD
RGB
rgb(168, 212, 221)
HSL
hsl(190, 44%, 76%)
CMYK
cmyk(24%, 4%, 0%, 13%)
Best text on this color #000000 (CR 13.13:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a8d4dd
Contrast 13.13:1 AAA
White on #a8d4dd
Contrast 1.60:1 Fail
#a8d4dd on Black
Contrast 13.13:1 AAA
#a8d4dd on White
Contrast 1.60:1 Fail

Tints & Shades

#b9dde4
#cbe5eb
#dceef1
#86aab1
#657f85
#435558

Complement & Analogous

#ddb0a7
#a7b9dd
#a7ddcb

Triadic

#dda7d4
#d4dda7

Monochrome

#435558 #657f85 #a8d4dd #cbe5eb #dceef1 #eef6f8

Analogous

#a7ddcb #c1e7db #a8d4dd #b9c7e4 #a7b9dd #8694b1

Complementary Mix

#657f85 #a8d4dd #cbe5eb #ddb0a7 #e9ccc6 #90726d

Nearby Colors

#a8d4dc
#a8d4de
#a8d4cd
#a8d4ed

Embed #A8D4DD swatch

Embed this swatch

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

Open image

About #A8D4DD

#A8D4DD converts to RGB(168, 212, 221) and HSL(190, 44%, 76%). 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).

#A8D4DD FAQs

What is the RGB value of #A8D4DD?
RGB: 168, 212, 221. Copy as CSS: rgb(168, 212, 221)
Is #A8D4DD a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #A8D4DD?
Complement: #ddb0a7.
Does #A8D4DD have good contrast on white or black?
On white: 1.60:1 (Fails AA). On black: 13.13:1 (AAA (normal text)).