#C7B0FC

Color Details

HEX
#C7B0FC
RGB
rgb(199, 176, 252)
HSL
hsl(258, 93%, 84%)
CMYK
cmyk(21%, 30%, 0%, 1%)
Best text on this color #000000 (CR 11.04:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c7b0fc
Contrast 11.04:1 AAA
White on #c7b0fc
Contrast 1.90:1 Fail
#c7b0fc on Black
Contrast 11.04:1 AAA
#c7b0fc on White
Contrast 1.90:1 Fail

Tints & Shades

#d2c0fd
#ddd0fd
#e9dffe
#9f8dca
#776a97
#504665

Complement & Analogous

#e5fcb0
#edb0fc
#b0bffc

Triadic

#fcc7b0
#b0fcc7

Monochrome

#504665 #776a97 #c7b0fc #ddd0fd #e9dffe #f4effe

Analogous

#b0bffc #c8d2fd #c7b0fc #f1c0fd #edb0fc #be8dca

Complementary Mix

#776a97 #c7b0fc #ddd0fd #e5fcb0 #eefdcc #95a472

Nearby Colors

#c7b0fb
#c7b0fd
#c7b0ec
#c7b10c

Embed #C7B0FC swatch

Embed this swatch

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

Open image

About #C7B0FC

#C7B0FC converts to RGB(199, 176, 252) and HSL(258, 93%, 84%). 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).

#C7B0FC FAQs

What is the RGB value of #C7B0FC?
RGB: 199, 176, 252. Copy as CSS: rgb(199, 176, 252)
Is #C7B0FC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #C7B0FC?
Complement: #e5fcb0.
Does #C7B0FC have good contrast on white or black?
On white: 1.90:1 (Fails AA). On black: 11.04:1 (AAA (normal text)).