#7E4DBC

Color Details

HEX
#7E4DBC
RGB
rgb(126, 77, 188)
HSL
hsl(266, 45%, 52%)
CMYK
cmyk(33%, 59%, 0%, 26%)
Best text on this color #FFFFFF (CR 5.71:1) Determined by WCAG contrast ratio

Readability Previews

Black on #7e4dbc
Contrast 3.67:1 Fail
White on #7e4dbc
Contrast 5.71:1 AA
#7e4dbc on Black
Contrast 3.67:1 Fail
#7e4dbc on White
Contrast 5.71:1 AA

Tints & Shades

#9871c9
#b294d7
#cbb8e4
#653e96
#4c2e71
#321f4b

Complement & Analogous

#8cbc4e
#b44ebc
#4e55bc

Triadic

#bc7d4e
#4ebc7d

Monochrome

#321f4b #4c2e71 #7e4dbc #b294d7 #cbb8e4 #e5dbf2

Analogous

#4e55bc #8388d0 #7e4dbc #c371c9 #b44ebc #903e96

Complementary Mix

#4c2e71 #7e4dbc #b294d7 #8cbc4e #b4d38c #5b7a33

Nearby Colors

#7e4dbb
#7e4dbd
#7e4dac
#7e4dcc

Embed #7E4DBC swatch

Embed this swatch

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

Open image

About #7E4DBC

#7E4DBC converts to RGB(126, 77, 188) and HSL(266, 45%, 52%). 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).

#7E4DBC FAQs

What is the RGB value of #7E4DBC?
RGB: 126, 77, 188. Copy as CSS: rgb(126, 77, 188)
Is #7E4DBC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #7E4DBC?
Complement: #8cbc4e.
Does #7E4DBC have good contrast on white or black?
On white: 5.71:1 (AA (normal text)). On black: 3.67:1 (AA (large text)).