#E7B1FC

Color Details

HEX
#E7B1FC
RGB
rgb(231, 177, 252)
HSL
hsl(283, 93%, 84%)
CMYK
cmyk(8%, 30%, 0%, 1%)
Best text on this color #000000 (CR 12.09:1) Determined by WCAG contrast ratio

Readability Previews

Black on #e7b1fc
Contrast 12.09:1 AAA
White on #e7b1fc
Contrast 1.74:1 Fail
#e7b1fc on Black
Contrast 12.09:1 AAA
#e7b1fc on White
Contrast 1.74:1 Fail

Tints & Shades

#ecc1fd
#f1d0fd
#f5e0fe
#b98eca
#8b6a97
#5c4765

Complement & Analogous

#c6fcb0
#fcb0ec
#c1b0fc

Triadic

#fce7b0
#b0fce7

Monochrome

#5c4765 #8b6a97 #e7b1fc #f1d0fd #f5e0fe #faeffe

Analogous

#c1b0fc #d4c8fd #e7b1fc #fdc0f0 #fcb0ec #ca8dbd

Complementary Mix

#8b6a97 #e7b1fc #f1d0fd #c6fcb0 #dafdcc #81a472

Nearby Colors

#e7b1fb
#e7b1fd
#e7b1ec
#e7b20c

Embed #E7B1FC swatch

Embed this swatch

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

Open image

About #E7B1FC

#E7B1FC converts to RGB(231, 177, 252) and HSL(283, 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).

#E7B1FC FAQs

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