#5C5280

Color Details

HEX
#5C5280
RGB
rgb(92, 82, 128)
HSL
hsl(253, 22%, 41%)
CMYK
cmyk(28%, 36%, 0%, 50%)
Best text on this color #FFFFFF (CR 7.06:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5c5280
Contrast 2.97:1 Fail
White on #5c5280
Contrast 7.06:1 AAA
#5c5280 on Black
Contrast 2.97:1 Fail
#5c5280 on White
Contrast 7.06:1 AAA

Tints & Shades

#7d7599
#9d97b3
#bebacc
#4a4266
#37314d
#252133

Complement & Analogous

#768052
#735280
#525f80

Triadic

#805c52
#52805c

Monochrome

#252133 #37314d #5c5280 #9d97b3 #bebacc #dedce6

Analogous

#525f80 #868fa6 #5c5280 #8f7599 #735280 #5c4266

Complementary Mix

#37314d #5c5280 #9d97b3 #768052 #a6ac8f #4d5335

Nearby Colors

#5c527f
#5c5281
#5c5270
#5c5290

Embed #5C5280 swatch

Embed this swatch

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

Open image

About #5C5280

#5C5280 converts to RGB(92, 82, 128) and HSL(253, 22%, 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).

#5C5280 FAQs

What is the RGB value of #5C5280?
RGB: 92, 82, 128. Copy as CSS: rgb(92, 82, 128)
Is #5C5280 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5C5280?
Complement: #768052.
Does #5C5280 have good contrast on white or black?
On white: 7.06:1 (AAA (normal text)). On black: 2.97:1 (Fails AA).