#C48FDC

Color Details

HEX
#C48FDC
RGB
rgb(196, 143, 220)
HSL
hsl(281, 52%, 71%)
CMYK
cmyk(11%, 35%, 0%, 14%)
Best text on this color #000000 (CR 8.31:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c48fdc
Contrast 8.31:1 AAA
White on #c48fdc
Contrast 2.53:1 Fail
#c48fdc on Black
Contrast 8.31:1 AAA
#c48fdc on White
Contrast 2.53:1 Fail

Tints & Shades

#d0a5e3
#dcbcea
#e7d2f1
#9d72b0
#765684
#4e3958

Complement & Analogous

#a7dc8f
#dc8fcd
#9d8fdc

Triadic

#dcc38f
#8fdcc3

Monochrome

#4e3958 #765684 #c48fdc #dcbcea #e7d2f1 #f3e9f8

Analogous

#9d8fdc #bab1e7 #c48fdc #e3a5d7 #dc8fcd #b072a4

Complementary Mix

#765684 #c48fdc #dcbcea #a7dc8f #c6e8b6 #6d8f5d

Nearby Colors

#c48fdb
#c48fdd
#c48fcc
#c48fec

Embed #C48FDC swatch

Embed this swatch

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

Open image

About #C48FDC

#C48FDC converts to RGB(196, 143, 220) and HSL(281, 52%, 71%). 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).

#C48FDC FAQs

What is the RGB value of #C48FDC?
RGB: 196, 143, 220. Copy as CSS: rgb(196, 143, 220)
Is #C48FDC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #C48FDC?
Complement: #a7dc8f.
Does #C48FDC have good contrast on white or black?
On white: 2.53:1 (Fails AA). On black: 8.31:1 (AAA (normal text)).