#7C20B3

Color Details

HEX
#7C20B3
RGB
rgb(124, 32, 179)
HSL
hsl(278, 70%, 41%)
CMYK
cmyk(31%, 82%, 0%, 30%)
Best text on this color #FFFFFF (CR 7.74:1) Determined by WCAG contrast ratio

Readability Previews

Black on #7c20b3
Contrast 2.71:1 Fail
White on #7c20b3
Contrast 7.74:1 AAA
#7c20b3 on Black
Contrast 2.71:1 Fail
#7c20b3 on White
Contrast 7.74:1 AAA

Tints & Shades

#964dc2
#b079d1
#cba6e1
#631a8f
#4a136b
#320d48

Complement & Analogous

#55b21f
#b21f9e
#331fb2

Triadic

#b27c1f
#1fb27c

Monochrome

#320d48 #4a136b #7c20b3 #b079d1 #cba6e1 #e5d2f0

Analogous

#331fb2 #7062c9 #7c20b3 #c14cb1 #b21f9e #8e197e

Complementary Mix

#4a136b #7c20b3 #b079d1 #55b21f #91cd6d #377414

Nearby Colors

#7c20b2
#7c20b4
#7c20a3
#7c20c3

Embed #7C20B3 swatch

Embed this swatch

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

Open image

About #7C20B3

#7C20B3 converts to RGB(124, 32, 179) and HSL(278, 70%, 41%). 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).

#7C20B3 FAQs

What is the RGB value of #7C20B3?
RGB: 124, 32, 179. Copy as CSS: rgb(124, 32, 179)
Is #7C20B3 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #7C20B3?
Complement: #55b21f.
Does #7C20B3 have good contrast on white or black?
On white: 7.74:1 (AAA (normal text)). On black: 2.71:1 (Fails AA).