#4A5063 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusky blue carries a serious and inky tone that feels grounded and professional. Because it sits at a dark value, the hex code #4a5063 works best as a primary background for high-contrast interface designs. Pair it with crisp white text for excellent readability. Avoid using it as a subtle accent, as it risks becoming muddy when surrounded by lighter, more saturated colors.
Questions about #4a5063
What is #4a5063 in RGB, HSL and CMYK?
In RGB, #4a5063 is rgb(74, 80, 99), in HSL hsl(226, 14%, 34%) and in CMYK 25%, 19%, 0%, 61%.
How should I use #4a5063 in UI design?
#4a5063 functions best as a deep, professional primary background color for high-contrast interface components. Because it is a dark, muted tone, it provides excellent readability when paired with crisp white text or light, desaturated accent colors like a soft off-white.
Is #4a5063 considered a warm or cool color?
#4a5063 is a distinctly cool-toned color, leaning heavily into its blue and gray components. Its serious, inky character makes it feel more stable and formal than a warmer navy, making it suitable for corporate branding or technical documentation layouts.
Is #4a5063 readable on white or black?
#4a5063 has a 8.01:1 contrast ratio on white and 2.61: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 is too faint for text. Try other pairs in the contrast checker.