#4C5961 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A desaturated, dusty blue, #4c5961 carries a grounded weight that works well for serious, professional branding. This muted tone lacks high chroma, making it an excellent base for UI backgrounds where white text remains easily readable. Because it borders on grey, it feels less aggressive than a true navy. Pair it with soft cream or crisp white to prevent the color from appearing too muddy.
Questions about #4c5961
What is #4c5961 in RGB, HSL and CMYK?
In RGB, #4c5961 is rgb(76, 89, 97), in HSL hsl(203, 12%, 34%) and in CMYK 22%, 8%, 0%, 62%.
How does #4c5961 perform in professional UI design?
#4c5961 works exceptionally well as a primary background or secondary accent because its low chroma prevents visual fatigue. It maintains a grounded, serious aesthetic that feels more sophisticated than standard grey while remaining subtle enough to support high-contrast white text.
Which colors pair best with #4c5961?
To prevent the overall composition from appearing muddy, pair #4c5961 with cream or crisp white for a clean, modern contrast. You can also introduce warmth using soft, desaturated terracotta accents to offset the cool, dusty nature of this specific blue.
Is #4c5961 readable on white or black?
#4c5961 has a 7.21:1 contrast ratio on white and 2.90: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.