#C4B0EB

Color Details

HEX
#C4B0EB
RGB
rgb(196, 176, 235)
HSL
hsl(260, 60%, 81%)
CMYK
cmyk(17%, 25%, 0%, 8%)
Best text on this color #000000 (CR 10.76:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c4b0eb
Contrast 10.76:1 AAA
White on #c4b0eb
Contrast 1.95:1 Fail
#c4b0eb on Black
Contrast 10.76:1 AAA
#c4b0eb on White
Contrast 1.95:1 Fail

Tints & Shades

#d0c0ef
#dcd0f3
#e7dff7
#9d8dbc
#766a8d
#4e465e

Complement & Analogous

#d8ecb1
#e2b1ec
#b1bbec

Triadic

#ecc5b1
#b1ecc5

Monochrome

#4e465e #766a8d #c4b0eb #dcd0f3 #e7dff7 #f3effb

Analogous

#b1bbec #c8cff2 #c4b0eb #e8c1f0 #e2b1ec #b58ebd

Complementary Mix

#766a8d #c4b0eb #dcd0f3 #d8ecb1 #e6f3cc #8c9973

Nearby Colors

#c4b0ea
#c4b0ec
#c4b0db
#c4b0fb

Embed #C4B0EB swatch

Embed this swatch

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

Open image

About #C4B0EB

#C4B0EB converts to RGB(196, 176, 235) and HSL(260, 60%, 81%). 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).

#C4B0EB FAQs

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