#7C51A5

Color Details

HEX
#7C51A5
RGB
rgb(124, 81, 165)
HSL
hsl(271, 34%, 48%)
CMYK
cmyk(25%, 51%, 0%, 35%)
Best text on this color #FFFFFF (CR 5.87:1) Determined by WCAG contrast ratio

Readability Previews

Black on #7c51a5
Contrast 3.58:1 Fail
White on #7c51a5
Contrast 5.87:1 AA
#7c51a5 on Black
Contrast 3.58:1 Fail
#7c51a5 on White
Contrast 5.87:1 AA

Tints & Shades

#9674b7
#b097c9
#cbb9db
#634184
#4a3163
#322042

Complement & Analogous

#79a451
#a451a3
#5251a4

Triadic

#a47c51
#51a47c

Monochrome

#322042 #4a3163 #7c51a5 #b097c9 #cbb9db #e5dced

Analogous

#5251a4 #8685bf #7c51a5 #b674b5 #a451a3 #834182

Complementary Mix

#4a3163 #7c51a5 #b097c9 #79a451 #a8c48e #4f6b35

Nearby Colors

#7c51a4
#7c51a6
#7c5195
#7c51b5

Embed #7C51A5 swatch

Embed this swatch

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

Open image

About #7C51A5

#7C51A5 converts to RGB(124, 81, 165) and HSL(271, 34%, 48%). 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).

#7C51A5 FAQs

What is the RGB value of #7C51A5?
RGB: 124, 81, 165. Copy as CSS: rgb(124, 81, 165)
Is #7C51A5 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #7C51A5?
Complement: #79a451.
Does #7C51A5 have good contrast on white or black?
On white: 5.87:1 (AA (normal text)). On black: 3.58:1 (AA (large text)).