#BC6DE0

Color Details

HEX
#BC6DE0
RGB
rgb(188, 109, 224)
HSL
hsl(281, 65%, 65%)
CMYK
cmyk(16%, 51%, 0%, 12%)
Best text on this color #000000 (CR 6.40:1) Determined by WCAG contrast ratio

Readability Previews

Black on #bc6de0
Contrast 6.40:1 AA
White on #bc6de0
Contrast 3.28:1 Fail
#bc6de0 on Black
Contrast 6.40:1 AA
#bc6de0 on White
Contrast 3.28:1 Fail

Tints & Shades

#c98ae6
#d7a7ec
#e4c5f3
#9657b3
#714186
#4b2c5a

Complement & Analogous

#90e06c
#e06cca
#816ce0

Triadic

#e0bb6c
#6ce0bb

Monochrome

#4b2c5a #714186 #bc6de0 #d7a7ec #e4c5f3 #f2e2f9

Analogous

#816ce0 #a798e9 #bc6de0 #e689d5 #e06cca #b356a2

Complementary Mix

#714186 #bc6de0 #d7a7ec #90e06c #b7eb9f #5e9246

Nearby Colors

#bc6ddf
#bc6de1
#bc6dd0
#bc6df0

Embed #BC6DE0 swatch

Embed this swatch

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

Open image

About #BC6DE0

#BC6DE0 converts to RGB(188, 109, 224) and HSL(281, 65%, 65%). 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).

#BC6DE0 FAQs

What is the RGB value of #BC6DE0?
RGB: 188, 109, 224. Copy as CSS: rgb(188, 109, 224)
Is #BC6DE0 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #BC6DE0?
Complement: #90e06c.
Does #BC6DE0 have good contrast on white or black?
On white: 3.28:1 (AA (large text)). On black: 6.40:1 (AA (normal text)).