#ABCAD5

Color Details

HEX
#ABCAD5
RGB
rgb(171, 202, 213)
HSL
hsl(196, 33%, 75%)
CMYK
cmyk(20%, 5%, 0%, 16%)
Best text on this color #000000 (CR 12.14:1) Determined by WCAG contrast ratio

Readability Previews

Black on #abcad5
Contrast 12.14:1 AAA
White on #abcad5
Contrast 1.73:1 Fail
#abcad5 on Black
Contrast 12.14:1 AAA
#abcad5 on White
Contrast 1.73:1 Fail

Tints & Shades

#bcd5dd
#cddfe6
#ddeaee
#89a2aa
#677980
#445155

Complement & Analogous

#d4b5aa
#aab4d4
#aad4ca

Triadic

#d4aac9
#c9d4aa

Monochrome

#445155 #677980 #abcad5 #cddfe6 #ddeaee #eef4f7

Analogous

#aad4ca #c4e1da #abcad5 #bbc3dd #aab4d4 #8890aa

Complementary Mix

#677980 #abcad5 #cddfe6 #d4b5aa #e3cfc8 #8a766f

Nearby Colors

#abcad4
#abcad6
#abcac5
#abcae5

Embed #ABCAD5 swatch

Embed this swatch

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

Open image

About #ABCAD5

#ABCAD5 converts to RGB(171, 202, 213) and HSL(196, 33%, 75%). 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).

#ABCAD5 FAQs

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