#502C5C

Color Details

HEX
#502C5C
RGB
rgb(80, 44, 92)
HSL
hsl(285, 35%, 27%)
CMYK
cmyk(13%, 52%, 0%, 64%)
Best text on this color #FFFFFF (CR 11.32:1) Determined by WCAG contrast ratio

Readability Previews

Black on #502c5c
Contrast 1.86:1 Fail
White on #502c5c
Contrast 11.32:1 AAA
#502c5c on Black
Contrast 1.86:1 Fail
#502c5c on White
Contrast 11.32:1 AAA

Tints & Shades

#73567d
#96809d
#b9abbe
#40234a
#301a37
#201225

Complement & Analogous

#395d2d
#5d2d51
#392d5d

Triadic

#5d512d
#2d5d51

Monochrome

#201225 #301a37 #502c5c #96809d #b9abbe #dcd5de

Analogous

#392d5d #746c8e #502c5c #7d5774 #5d2d51 #4a2441

Complementary Mix

#301a37 #502c5c #96809d #395d2d #7e9677 #253c1d

Nearby Colors

#502c5b
#502c5d
#502c4c
#502c6c

Embed #502C5C swatch

Embed this swatch

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

Open image

About #502C5C

#502C5C converts to RGB(80, 44, 92) and HSL(285, 35%, 27%). 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).

#502C5C FAQs

What is the RGB value of #502C5C?
RGB: 80, 44, 92. Copy as CSS: rgb(80, 44, 92)
Is #502C5C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #502C5C?
Complement: #395d2d.
Does #502C5C have good contrast on white or black?
On white: 11.32:1 (AAA (normal text)). On black: 1.86:1 (Fails AA).