#C5AADF

Color Details

HEX
#C5AADF
RGB
rgb(197, 170, 223)
HSL
hsl(271, 45%, 77%)
CMYK
cmyk(12%, 24%, 0%, 13%)
Best text on this color #000000 (CR 10.19:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c5aadf
Contrast 10.19:1 AAA
White on #c5aadf
Contrast 2.06:1 Fail
#c5aadf on Black
Contrast 10.19:1 AAA
#c5aadf on White
Contrast 2.06:1 Fail

Tints & Shades

#d1bbe5
#dcccec
#e8ddf2
#9e88b2
#766686
#4f4459

Complement & Analogous

#c3dfaa
#dfaade
#abaadf

Triadic

#dfc5aa
#aadfc5

Monochrome

#4f4459 #766686 #c5aadf #dcccec #e8ddf2 #f3eef9

Analogous

#abaadf #c4c4e9 #c5aadf #e5bbe5 #dfaade #b288b2

Complementary Mix

#766686 #c5aadf #dcccec #c3dfaa #d8eac8 #7f916f

Nearby Colors

#c5aade
#c5aae0
#c5aacf
#c5aaef

Embed #C5AADF swatch

Embed this swatch

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

Open image

About #C5AADF

#C5AADF converts to RGB(197, 170, 223) and HSL(271, 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).

#C5AADF FAQs

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