#C5A3D9

Color Details

HEX
#C5A3D9
RGB
rgb(197, 163, 217)
HSL
hsl(278, 42%, 75%)
CMYK
cmyk(9%, 25%, 0%, 15%)
Best text on this color #000000 (CR 9.61:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c5a3d9
Contrast 9.61:1 AAA
White on #c5a3d9
Contrast 2.18:1 Fail
#c5a3d9 on Black
Contrast 9.61:1 AAA
#c5a3d9 on White
Contrast 2.18:1 Fail

Tints & Shades

#d1b5e1
#dcc8e8
#e8daf0
#9e82ae
#766282
#4f4157

Complement & Analogous

#b8daa4
#daa4d3
#aca4da

Triadic

#dac6a4
#a4dac6

Monochrome

#4f4157 #766282 #c5a3d9 #dcc8e8 #e8daf0 #f3edf7

Analogous

#aca4da #c5bfe5 #c5a3d9 #e1b6dc #daa4d3 #ae83a9

Complementary Mix

#766282 #c5a3d9 #dcc8e8 #b8daa4 #d1e7c4 #788e6b

Nearby Colors

#c5a3d8
#c5a3da
#c5a3c9
#c5a3e9

Embed #C5A3D9 swatch

Embed this swatch

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

Open image

About #C5A3D9

#C5A3D9 converts to RGB(197, 163, 217) and HSL(278, 42%, 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).

#C5A3D9 FAQs

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