#7E6CEC

Color Details

HEX
#7E6CEC
RGB
rgb(126, 108, 236)
HSL
hsl(248, 77%, 67%)
CMYK
cmyk(47%, 54%, 0%, 7%)
Best text on this color #000000 (CR 5.24:1) Determined by WCAG contrast ratio

Readability Previews

Black on #7e6cec
Contrast 5.24:1 AA
White on #7e6cec
Contrast 4.01:1 Fail
#7e6cec on Black
Contrast 5.24:1 AA
#7e6cec on White
Contrast 4.01:1 Fail

Tints & Shades

#9889f0
#b2a7f4
#cbc4f7
#6556bd
#4c418e
#322b5e

Complement & Analogous

#daec6a
#bc6aec
#6a9aec

Triadic

#ec7b6a
#6aec7b

Monochrome

#322b5e #4c418e #7e6cec #b2a7f4 #cbc4f7 #e5e2fb

Analogous

#6a9aec #97b8f2 #7e6cec #c988f0 #bc6aec #9655bd

Complementary Mix

#4c418e #7e6cec #b2a7f4 #daec6a #e7f39e #8e9945

Nearby Colors

#7e6ceb
#7e6ced
#7e6cdc
#7e6cfc

Embed #7E6CEC swatch

Embed this swatch

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

Open image

About #7E6CEC

#7E6CEC converts to RGB(126, 108, 236) and HSL(248, 77%, 67%). 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).

#7E6CEC FAQs

What is the RGB value of #7E6CEC?
RGB: 126, 108, 236. Copy as CSS: rgb(126, 108, 236)
Is #7E6CEC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #7E6CEC?
Complement: #daec6a.
Does #7E6CEC have good contrast on white or black?
On white: 4.01:1 (AA (large text)). On black: 5.24:1 (AA (normal text)).