#4A6074 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted slate blue provides a grounded, serious tone for professional interfaces. Because it is highly unsaturated, it functions best as a stabilizing background color rather than an accent. It maintains excellent readability with white text, which makes it a safe choice for UI components. The hex code for this dim, serious blue is #4a6074.
Questions about #4a6074
What is #4a6074 in RGB, HSL and CMYK?
In RGB, #4a6074 is rgb(74, 96, 116), in HSL hsl(209, 22%, 37%) and in CMYK 36%, 17%, 0%, 55%.
Where should I use #4a6074 in a professional interface?
#4a6074 is best utilized as a background color for sidebars, navigation bars, or footer sections where a calm, serious tone is required. Because it is highly unsaturated, it provides a stable canvas that effectively anchors brighter accent colors without overwhelming the user.
What colors pair well with the slate blue of #4a6074?
This color pairs beautifully with soft, off-white creams to maintain a professional look, or with muted charcoal for high-contrast, readable text. For accent colors, it works surprisingly well with subtle, muted terracotta tones, which create a sophisticated and balanced color scheme.
Is #4a6074 readable on white or black?
#4a6074 has a 6.52:1 contrast ratio on white and 3.21: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.