#564BED Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-energy indigo is bold and saturated, making it a natural choice for energetic accents or call-to-action buttons. Because it maintains strong contrast, white text reads well against this hue for improved accessibility. Use #564bed sparingly as an accent rather than a background to avoid overwhelming your layout. For similar blue shades, look to pairings with soft oranges to balance its cool intensity. The hex code for this color is #564bed.
Questions about #564bed
What is #564bed in RGB, HSL and CMYK?
In RGB, #564bed is rgb(86, 75, 237), in HSL hsl(244, 82%, 61%) and in CMYK 64%, 68%, 0%, 7%.
How should I use #564bed in a UI layout?
Use #564bed primarily as an accent color for call-to-action buttons or highlights. Because of its high saturation, it can overwhelm a design if used as a background, so pair it with neutral whites or light grays for maximum impact.
Is #564bed readable on white or black?
#564bed has a 5.79:1 contrast ratio on white and 3.62: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.