#535FCC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A punchy, saturated indigo, #535fcc demands attention without feeling abrasive. It serves best as a bold accent or call-to-action button rather than a large background fill. White text achieves a strong 5.4:1 contrast ratio against this hue, ensuring readability. If you need to soften its intensity, consider mixing gray into your palette. The hex code for this electric tone is #535fcc.
Questions about #535fcc
What is #535fcc in RGB, HSL and CMYK?
In RGB, #535fcc is rgb(83, 95, 204), in HSL hsl(234, 54%, 56%) and in CMYK 59%, 53%, 0%, 20%.
How can I use #535fcc in a UI design without overwhelming the viewer?
Use #535fcc exclusively for interactive elements like primary buttons or high-priority notifications. Because it is highly saturated, it effectively draws the eye to call-to-action areas while staying readable against white backgrounds.
Does #535fcc work well with neutral colors?
Yes, #535fcc pairs exceptionally well with cool grays or charcoal to ground its intensity. Using these darker neutrals allows the indigo to remain a focal point without causing visual vibration or eye strain.
Is #535fcc readable on white or black?
#535fcc has a 5.41:1 contrast ratio on white and 3.87: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.