#5A6BD5 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #5a6bd5 graphic
#5a6bd5 is a saturated, cool blue with strong violet undertones. Because it sits on the brighter side of the spectrum, it demands attention and functions best as a high-impact accent color rather than a large background. It pairs exceptionally well with warm ochre or soft creams to balance its intensity. The hex code for this bold, electric tone is #5a6bd5.

Questions about #5a6bd5

What is #5a6bd5 in RGB, HSL and CMYK?
In RGB, #5a6bd5 is rgb(90, 107, 213), in HSL hsl(232, 59%, 59%) and in CMYK 58%, 50%, 0%, 16%. Browse more shades of blue with names and hex codes.
What colors pair well with #5a6bd5?
This vibrant blue pairs exceptionally well with ochre or soft creams to balance its intense, electric energy. Because of its cool violet undertones, it also creates a sophisticated, modern contrast when placed alongside neutral charcoal or crisp white backgrounds.
Is #5a6bd5 suitable for text usage?
Using #5a6bd5 as body text is not recommended because its saturation can cause eye strain and readability issues. It works best as an accent for call-to-action buttons or highlights, provided you check the contrast ratio against your specific background color.
Is #5a6bd5 readable on white or black?
#5a6bd5 has a 4.66:1 contrast ratio on white and 4.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.