#5853B5 Hex Color

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

Hex color #5853b5 graphic
This saturated, bold indigo commands attention with high intensity. Use hex code #5853b5 for UI buttons or calls to action. It offers excellent contrast with white text, making it legible for small UI elements. Because of its visual weight, treat this hue as a deliberate 10% accent rather than a dominant background color in your design system.

Questions about #5853b5

What is #5853b5 in RGB, HSL and CMYK?
In RGB, #5853b5 is rgb(88, 83, 181), in HSL hsl(243, 40%, 52%) and in CMYK 51%, 54%, 0%, 29%.
How should #5853b5 be used in a user interface design?
Treat #5853b5 as a deliberate 10% accent rather than a dominant background color because of its intense visual weight. It works best for interactive elements like primary buttons or key call-to-action triggers that need to grab the user's immediate attention.
Is #5853b5 readable on white or black?
#5853b5 has a 6.32:1 contrast ratio on white and 3.31: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.