#5654C9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This vivid, saturated indigo demands attention, making it a high-energy choice for accent buttons or iconography. The hex code #5654c9 works best as a 10% pop rather than a dominant background. Because the color is dark and bold, white text remains readable with a 6.0:1 contrast ratio. If you need to soften this intensity, try mixing gray to find a balanced neutral pairing.
Questions about #5654c9
What is #5654c9 in RGB, HSL and CMYK?
In RGB, #5654c9 is rgb(86, 84, 201), in HSL hsl(241, 52%, 56%) and in CMYK 57%, 58%, 0%, 21%.
Where should I use #5654c9 in a user interface?
#5654c9 functions best as an accent rather than a primary background color. Use it sparingly for call-to-action buttons, active states, or notification badges to capture attention without overwhelming the user or fatiguing their eyes during long browsing sessions.
Is #5654c9 readable on white or black?
#5654c9 has a 5.98:1 contrast ratio on white and 3.50: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.