#5A56BC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#5a56bc is a high-chroma, cool indigo that commands immediate attention. It works best as a punchy accent rather than a full-page background, where its intense saturation might overwhelm the eye. Because it holds a strong contrast ratio of 6.0:1 against white, it remains legible for bold, large-scale typography. Use the hex code #5a56bc to inject energy into calls to action or modern UI elements.
Questions about #5a56bc
What is #5a56bc in RGB, HSL and CMYK?
In RGB, #5a56bc is rgb(90, 86, 188), in HSL hsl(242, 43%, 54%) and in CMYK 52%, 54%, 0%, 26%.
How should I use #5a56bc in UI design?
Use #5a56bc primarily as an accent color for interactive elements like buttons, toggle states, or highlighted text links. Because of its intense saturation, it can overwhelm the user if applied to large backgrounds or broad sections of a layout.
What colors pair well with #5a56bc?
This cool indigo creates balanced palettes when paired with neutral tones like soft-gray or crisp white for high contrast. For a more adventurous look, try complementary accents in shades of warm-coral or soft gold to create visual tension.
Is #5a56bc readable on white or black?
#5a56bc has a 6.01:1 contrast ratio on white and 3.49: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.