#ABD2DD

Color Details

HEX
#ABD2DD
RGB
rgb(171, 210, 221)
HSL
hsl(193, 42%, 77%)
CMYK
cmyk(23%, 5%, 0%, 13%)
Best text on this color #000000 (CR 12.99:1) Determined by WCAG contrast ratio

Readability Previews

Black on #abd2dd
Contrast 12.99:1 AAA
White on #abd2dd
Contrast 1.62:1 Fail
#abd2dd on Black
Contrast 12.99:1 AAA
#abd2dd on White
Contrast 1.62:1 Fail

Tints & Shades

#bcdbe4
#cde4eb
#ddedf1
#89a8b1
#677e85
#445458

Complement & Analogous

#ddb6ac
#acbadd
#acddcf

Triadic

#ddacd2
#d2ddac

Monochrome

#445458 #677e85 #abd2dd #cde4eb #ddedf1 #eef6f8

Analogous

#acddcf #c5e7dd #abd2dd #bdc8e4 #acbadd #8a95b1

Complementary Mix

#677e85 #abd2dd #cde4eb #ddb6ac #e9d0c9 #907670

Nearby Colors

#abd2dc
#abd2de
#abd2cd
#abd2ed

Embed #ABD2DD swatch

Embed this swatch

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

Open image

About #ABD2DD

#ABD2DD converts to RGB(171, 210, 221) and HSL(193, 42%, 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).

#ABD2DD FAQs

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