#5763CC Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #5763cc graphic
This saturated indigo commands attention with an intense, electric personality. Because #5763cc is so bold, use it as a 10% accent color for calls to action rather than a background. Pair it with soft, warm neutrals to keep the palette grounded. The hex code #5763cc meets accessibility standards for readable white text, making it a reliable choice for buttons or navigation highlights.

Questions about #5763cc

What is #5763cc in RGB, HSL and CMYK?
In RGB, #5763cc is rgb(87, 99, 204), in HSL hsl(234, 53%, 57%) and in CMYK 57%, 51%, 0%, 20%.
How should I use #5763cc in a website design?
Use #5763cc sparingly as a 10% accent color for interactive elements like buttons or navigation highlights. Because it is so saturated, it draws the eye immediately without overwhelming the interface, especially when paired against clean white or soft neutral backgrounds.
Is #5763cc readable on white or black?
#5763cc has a 5.16:1 contrast ratio on white and 4.06:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.