#7E749C

Color Details

HEX
#7E749C
RGB
rgb(126, 116, 156)
HSL
hsl(255, 17%, 53%)
CMYK
cmyk(19%, 26%, 0%, 39%)
Best text on this color #000000 (CR 4.87:1) Determined by WCAG contrast ratio

Readability Previews

Black on #7e749c
Contrast 4.87:1 AA
White on #7e749c
Contrast 4.32:1 Fail
#7e749c on Black
Contrast 4.87:1 AA
#7e749c on White
Contrast 4.32:1 Fail

Tints & Shades

#9890b0
#b2acc4
#cbc7d7
#655d7d
#4c465e
#322e3e

Complement & Analogous

#919c73
#946da2
#6d7aa2

Triadic

#9c7d73
#739c7d

Monochrome

#322e3e #4c465e #7e749c #b2acc4 #cbc7d7 #e5e3eb

Analogous

#6d7aa2 #99a2be #7e749c #a98ab5 #946da2 #765782

Complementary Mix

#4c465e #7e749c #b2acc4 #919c73 #b8bfa4 #5e654b

Nearby Colors

#7e749b
#7e749d
#7e748c
#7e74ac

Embed #7E749C swatch

Embed this swatch

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

Open image

About #7E749C

#7E749C converts to RGB(126, 116, 156) and HSL(255, 17%, 53%). 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).

#7E749C FAQs

What is the RGB value of #7E749C?
RGB: 126, 116, 156. Copy as CSS: rgb(126, 116, 156)
Is #7E749C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #7E749C?
Complement: #919c73.
Does #7E749C have good contrast on white or black?
On white: 4.32:1 (AA (large text)). On black: 4.87:1 (AA (normal text)).