#B14CEC

Color Details

HEX
#B14CEC
RGB
rgb(177, 76, 236)
HSL
hsl(278, 81%, 61%)
CMYK
cmyk(25%, 68%, 0%, 7%)
Best text on this color #000000 (CR 5.11:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b14cec
Contrast 5.11:1 AA
White on #b14cec
Contrast 4.11:1 Fail
#b14cec on Black
Contrast 5.11:1 AA
#b14cec on White
Contrast 4.11:1 Fail

Tints & Shades

#c170f0
#d094f4
#e0b7f7
#8e3dbd
#6a2e8e
#471e5e

Complement & Analogous

#86ec4b
#ec4bd7
#604bec

Triadic

#ecb14b
#4becb1

Monochrome

#471e5e #6a2e8e #b14cec #d094f4 #e0b7f7 #efdbfb

Analogous

#604bec #9081f2 #b14cec #f06fdf #ec4bd7 #bd3cac

Complementary Mix

#6a2e8e #b14cec #d094f4 #86ec4b #b0f38a #579931

Nearby Colors

#b14ceb
#b14ced
#b14cdc
#b14cfc

Embed #B14CEC swatch

Embed this swatch

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

Open image

About #B14CEC

#B14CEC converts to RGB(177, 76, 236) and HSL(278, 81%, 61%). 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).

#B14CEC FAQs

What is the RGB value of #B14CEC?
RGB: 177, 76, 236. Copy as CSS: rgb(177, 76, 236)
Is #B14CEC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B14CEC?
Complement: #86ec4b.
Does #B14CEC have good contrast on white or black?
On white: 4.11:1 (AA (large text)). On black: 5.11:1 (AA (normal text)).