#7E6CDC

Color Details

HEX
#7E6CDC
RGB
rgb(126, 108, 220)
HSL
hsl(250, 62%, 64%)
CMYK
cmyk(43%, 51%, 0%, 14%)
Best text on this color #000000 (CR 5.07:1) Determined by WCAG contrast ratio

Readability Previews

Black on #7e6cdc
Contrast 5.07:1 AA
White on #7e6cdc
Contrast 4.15:1 Fail
#7e6cdc on Black
Contrast 5.07:1 AA
#7e6cdc on White
Contrast 4.15:1 Fail

Tints & Shades

#9889e3
#b2a7ea
#cbc4f1
#6556b0
#4c4184
#322b58

Complement & Analogous

#c9dc6a
#b66adc
#6a90dc

Triadic

#dc7d6a
#6adc7d

Monochrome

#322b58 #4c4184 #7e6cdc #b2a7ea #cbc4f1 #e5e2f8

Analogous

#6a90dc #97b1e7 #7e6cdc #c588e3 #b66adc #9255b0

Complementary Mix

#4c4184 #7e6cdc #b2a7ea #c9dc6a #dce89e #838f45

Nearby Colors

#7e6cdb
#7e6cdd
#7e6ccc
#7e6cec

Embed #7E6CDC swatch

Embed this swatch

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

Open image

About #7E6CDC

#7E6CDC converts to RGB(126, 108, 220) and HSL(250, 62%, 64%). 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).

#7E6CDC FAQs

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