#4B5F77 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted and dark, #4b5f77 is a blue-gray with dusty, ashy undertones and low saturation. Its matte appearance gives interfaces and branding a serious, dependable feel without the harshness of black. Use it as a supporting tone with warm white or burgundy, especially in finance, technology, and government designs. The hex code #4b5f77 supports white body text at about a 6.6:1 contrast ratio.
Questions about #4b5f77
What is #4b5f77 in RGB, HSL and CMYK?
In RGB, #4b5f77 is rgb(75, 95, 119), in HSL hsl(213, 23%, 38%) and in CMYK 37%, 20%, 0%, 53%.
What colors pair well with #4b5f77?
The #4b5f77 hex color pairs well with warm white, burgundy, and muted neutrals, which soften its cool, dusty blue-gray character while preserving a serious, dependable feel in interfaces, layouts, and brand palettes. Use warm white for clean contrast and burgundy for a restrained accent.
Does #4b5f77 look warm or cool?
The #4b5f77 hex color reads as cool because its blue-gray base and ashy, low-saturation undertones pull it away from warmth, while its muted, matte quality keeps the result from feeling icy or overly sharp. It works well for calm, serious visual systems.
Is #4b5f77 readable on white or black?
#4b5f77 has a 6.55:1 contrast ratio on white and 3.20: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.