#C5A3D7

Color Details

HEX
#C5A3D7
RGB
rgb(197, 163, 215)
HSL
hsl(279, 39%, 74%)
CMYK
cmyk(8%, 24%, 0%, 16%)
Best text on this color #000000 (CR 9.59:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c5a3d7
Contrast 9.59:1 AAA
White on #c5a3d7
Contrast 2.19:1 Fail
#c5a3d7 on Black
Contrast 9.59:1 AAA
#c5a3d7 on White
Contrast 2.19:1 Fail

Tints & Shades

#d1b5df
#dcc8e7
#e8daef
#9e82ac
#766281
#4f4156

Complement & Analogous

#b5d7a3
#d7a3cf
#aba3d7

Triadic

#d7c4a3
#a3d7c4

Monochrome

#4f4156 #766281 #c5a3d7 #dcc8e7 #e8daef #f3edf7

Analogous

#aba3d7 #c4bfe3 #c5a3d7 #dfb5d9 #d7a3cf #ac82a6

Complementary Mix

#766281 #c5a3d7 #dcc8e7 #b5d7a3 #cfe5c3 #768c6a

Nearby Colors

#c5a3d6
#c5a3d8
#c5a3c7
#c5a3e7

Embed #C5A3D7 swatch

Embed this swatch

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

Open image

About #C5A3D7

#C5A3D7 converts to RGB(197, 163, 215) and HSL(279, 39%, 74%). 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).

#C5A3D7 FAQs

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