#536AD1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Frequently Asked Questions
What colors pair well with #536ad1?
#536ad1 pairs well with charcoal, warm cream, and muted burgundy, which temper its cool saturation without competing for attention in interfaces or brand layouts that need a clear visual hierarchy. Use cream for softer contrast, charcoal for grounded interfaces, or burgundy for a richer editorial palette.
Is #536ad1 suitable for text and buttons?
Yes, #536ad1 can support white text at about a 4.8:1 contrast ratio, enough for WCAG AA body text according to the supplied contrast check, making it practical for buttons, labels, and compact interface areas.
Where does #536ad1 work best in a design?
#536ad1 works best as a focused accent, link color, or call-to-action fill rather than a dominant page background, since its high saturation draws attention quickly across an interface, even at smaller sizes. Pair it with restrained neutrals in dashboards, security products, finance interfaces, and technology branding.