#C5A3D4

Color Details

HEX
#C5A3D4
RGB
rgb(197, 163, 212)
HSL
hsl(282, 36%, 74%)
CMYK
cmyk(7%, 23%, 0%, 17%)
Best text on this color #000000 (CR 9.56:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c5a3d4
Contrast 9.56:1 AAA
White on #c5a3d4
Contrast 2.20:1 Fail
#c5a3d4 on Black
Contrast 9.56:1 AAA
#c5a3d4 on White
Contrast 2.20:1 Fail

Tints & Shades

#d1b5dd
#dcc8e5
#e8daee
#9e82aa
#76627f
#4f4155

Complement & Analogous

#b3d5a5
#d5a5cb
#aea5d5

Triadic

#d5c6a5
#a5d5c6

Monochrome

#4f4155 #76627f #c5a3d4 #dcc8e5 #e8daee #f3edf6

Analogous

#aea5d5 #c6c0e2 #c5a3d4 #ddb7d5 #d5a5cb #aa84a2

Complementary Mix

#76627f #c5a3d4 #dcc8e5 #b3d5a5 #cee4c5 #748a6b

Nearby Colors

#c5a3d3
#c5a3d5
#c5a3c4
#c5a3e4

Embed #C5A3D4 swatch

Embed this swatch

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

Open image

About #C5A3D4

#C5A3D4 converts to RGB(197, 163, 212) and HSL(282, 36%, 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).

#C5A3D4 FAQs

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