#4B7698 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, ashy blue feels restrained and professional. With its dusty, unsaturated quality, #4b7698 works best as a supporting tone in corporate or tech interfaces rather than a dominant background. It pairs well with warm stone grays to avoid a cold, clinical look. Because this hex code provides a solid 4.8:1 contrast against white text, it remains legible even in small UI elements.
Questions about #4b7698
What is #4b7698 in RGB, HSL and CMYK?
In RGB, #4b7698 is rgb(75, 118, 152), in HSL hsl(206, 34%, 45%) and in CMYK 51%, 22%, 0%, 40%.
What colors pair well with #4b7698?
Pair #4b7698 with warm stone gray or creamy off-white to balance its natural coolness. Because this color is inherently muted and dusty, avoid pairing it with harsh neon brights which can make the overall design palette feel disjointed and visually jarring.
Is #4b7698 readable on white or black?
#4b7698 has a 4.83:1 contrast ratio on white and 4.34: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.