#7F6CEC

Color Details

HEX
#7F6CEC
RGB
rgb(127, 108, 236)
HSL
hsl(249, 77%, 67%)
CMYK
cmyk(46%, 54%, 0%, 7%)
Best text on this color #000000 (CR 5.26:1) Determined by WCAG contrast ratio

Readability Previews

Black on #7f6cec
Contrast 5.26:1 AA
White on #7f6cec
Contrast 3.99:1 Fail
#7f6cec on Black
Contrast 5.26:1 AA
#7f6cec on White
Contrast 3.99:1 Fail

Tints & Shades

#9989f0
#b2a7f4
#ccc4f7
#6656bd
#4c418e
#332b5e

Complement & Analogous

#d8ec6a
#be6aec
#6a97ec

Triadic

#ec7d6a
#6aec7d

Monochrome

#332b5e #4c418e #7f6cec #b2a7f4 #ccc4f7 #e5e2fb

Analogous

#6a97ec #97b6f2 #7f6cec #cb88f0 #be6aec #9855bd

Complementary Mix

#4c418e #7f6cec #b2a7f4 #d8ec6a #e6f39e #8c9945

Nearby Colors

#7f6ceb
#7f6ced
#7f6cdc
#7f6cfc

Embed #7F6CEC swatch

Embed this swatch

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

Open image

About #7F6CEC

#7F6CEC converts to RGB(127, 108, 236) and HSL(249, 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).

#7F6CEC FAQs

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