#536AD1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Bold and cool, #536ad1 is a saturated blue-indigo with a clear violet undertone and bright, energetic presence. This hex code suits calls to action, technology, finance, and security branding, especially as a focused accent or interface highlight. White text reaches about 4.8:1 contrast, making it suitable for small body text under WCAG AA.
Questions about #536ad1
What is #536ad1 in RGB, HSL and CMYK?
In RGB, #536ad1 is rgb(83, 106, 209), in HSL hsl(229, 58%, 57%) and in CMYK 60%, 49%, 0%, 18%.
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.
Is #536ad1 readable on white or black?
#536ad1 has a 4.82:1 contrast ratio on white and 4.35: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.