#536BFE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#536bfe is an intense, saturated indigo with high-voltage energy. Its vivid brightness makes it ideal for call-to-action buttons or small UI accents where you need immediate attention. Because it is so loud, use it sparingly as a 10% accent rather than a full background. It pairs well with crisp charcoal or soft off-whites. You can find other shades of blue in our color archives.
Questions about #536bfe
What is #536bfe in RGB, HSL and CMYK?
In RGB, #536bfe is rgb(83, 107, 254), in HSL hsl(232, 99%, 66%) and in CMYK 67%, 58%, 0%, 0%.
Where should I use #536bfe in a web interface?
#536bfe is an intense, high-energy hue that works best as a 10% accent color rather than a large background fill. Use it for call-to-action buttons or small UI elements where you need to draw the eye immediately.
What colors pair well with #536bfe for a balanced design?
This indigo sits well against neutral foundations like charcoal or soft off-whites. Because #536bfe is so saturated, grounding it with muted neutrals prevents the design from feeling chaotic while maintaining a professional, modern visual impact.
Is #536bfe readable on white or black?
#536bfe has a 4.28:1 contrast ratio on white and 4.90:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.