#5C53CC

Color Details

HEX
#5C53CC
RGB
rgb(92, 83, 204)
HSL
hsl(244, 54%, 56%)
CMYK
cmyk(55%, 59%, 0%, 20%)
Best text on this color #FFFFFF (CR 5.89:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5c53cc
Contrast 3.56:1 Fail
White on #5c53cc
Contrast 5.89:1 AA
#5c53cc on Black
Contrast 3.56:1 Fail
#5c53cc on White
Contrast 5.89:1 AA

Tints & Shades

#7d75d6
#9d98e0
#bebaeb
#4a42a3
#37327a
#252152

Complement & Analogous

#c3cb52
#9752cb
#5287cb

Triadic

#cb5a52
#52cb5a

Monochrome

#252152 #37327a #5c53cc #9d98e0 #bebaeb #deddf5

Analogous

#5287cb #86abdb #5c53cc #ac75d5 #9752cb #7942a2

Complementary Mix

#37327a #5c53cc #9d98e0 #c3cb52 #d8dd8f #7f8435

Nearby Colors

#5c53cb
#5c53cd
#5c53bc
#5c53dc

Embed #5C53CC swatch

Embed this swatch

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

Open image

About #5C53CC

#5C53CC converts to RGB(92, 83, 204) and HSL(244, 54%, 56%). 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).

#5C53CC FAQs

What is the RGB value of #5C53CC?
RGB: 92, 83, 204. Copy as CSS: rgb(92, 83, 204)
Is #5C53CC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5C53CC?
Complement: #c3cb52.
Does #5C53CC have good contrast on white or black?
On white: 5.89:1 (AA (normal text)). On black: 3.56:1 (AA (large text)).