#501E4C

Color Details

HEX
#501E4C
RGB
rgb(80, 30, 76)
HSL
hsl(305, 45%, 22%)
CMYK
cmyk(0%, 63%, 5%, 69%)
Best text on this color #FFFFFF (CR 12.87:1) Determined by WCAG contrast ratio

Readability Previews

Black on #501e4c
Contrast 1.63:1 Fail
White on #501e4c
Contrast 12.87:1 AAA
#501e4c on Black
Contrast 1.63:1 Fail
#501e4c on White
Contrast 12.87:1 AAA

Tints & Shades

#734b70
#967894
#b9a5b7
#40183d
#30122e
#200c1e

Complement & Analogous

#1f5123
#511f34
#3c1f51

Triadic

#4d511f
#1f4d51

Monochrome

#200c1e #30122e #501e4c #967894 #b9a5b7 #dcd2db

Analogous

#3c1f51 #776285 #501e4c #744c5d #511f34 #41192a

Complementary Mix

#30122e #501e4c #967894 #1f5123 #6d8e70 #143517

Nearby Colors

#501e4b
#501e4d
#501e3c
#501e5c

Embed #501E4C swatch

Embed this swatch

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

Open image

About #501E4C

#501E4C converts to RGB(80, 30, 76) and HSL(305, 45%, 22%). 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).

#501E4C FAQs

What is the RGB value of #501E4C?
RGB: 80, 30, 76. Copy as CSS: rgb(80, 30, 76)
Is #501E4C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #501E4C?
Complement: #1f5123.
Does #501E4C have good contrast on white or black?
On white: 12.87:1 (AAA (normal text)). On black: 1.63:1 (Fails AA).