#5B7BB2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue feels restrained rather than electric. Because the hex code #5b7bb2 is matte and muted, it serves best as a professional base for UI elements or background panels in tech and finance applications. While it offers enough contrast for black text, avoid using it near jarring colors. It works effectively when paired with soft creams or warm grays to avoid a sterile appearance.
Questions about #5b7bb2
What is #5b7bb2 in RGB, HSL and CMYK?
In RGB, #5b7bb2 is rgb(91, 123, 178), in HSL hsl(218, 36%, 53%) and in CMYK 49%, 31%, 0%, 30%.
Does #5b7bb2 read as a warm or cool blue?
#5b7bb2 is distinctly cool, though its unsaturated, dusty quality prevents it from feeling icy or clinical. Because of this muted nature, it avoids the artificial brightness found in pure primary blues, making it a reliable choice for professional environments.
What colors pair well with #5b7bb2 for a balanced interface?
Is #5b7bb2 readable on white or black?
#5b7bb2 has a 4.26:1 contrast ratio on white and 4.92: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.