#4B5A88 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted and ashy, #4b5a88 functions best as a stable base for corporate or professional interfaces. This dusty, cool blue lacks saturation, offering a serious tone that avoids the brightness of standard primaries. While it provides excellent contrast for white text, avoid using it in large, flat blocks to prevent a muddy appearance. The hex code for this subdued shade is #4b5a88.
Questions about #4b5a88
What is #4b5a88 in RGB, HSL and CMYK?
In RGB, #4b5a88 is rgb(75, 90, 136), in HSL hsl(225, 29%, 41%) and in CMYK 45%, 34%, 0%, 47%.
Does #4b5a88 work well as a primary interface color?
#4b5a88 serves as an excellent anchor for professional dashboards because its low saturation reduces visual clutter. It creates a stable, corporate atmosphere that feels far more grounded and serious than standard vibrant primary blues found in consumer apps.
Which accent colors pair best with #4b5a88?
Pair #4b5a88 with crisp white or light gray for high-contrast, readable text, or offset its cool tone with a warm terracotta to add visual interest. Because the color is quite muted, these warm, punchy accents keep your design from feeling too flat or overly clinical.
Is #4b5a88 readable on white or black?
#4b5a88 has a 6.73:1 contrast ratio on white and 3.11: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.