#4C5161 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty indigo offers a matte, greyish finish that avoids the harshness of absolute black. It functions as a steady UI background, providing excellent readability for white text with a 7.9:1 contrast ratio. Because it feels both serious and understated, it works well for corporate branding or moody dark mode interfaces. The hex code for this shade is #4c5161.
Questions about #4c5161
What is #4c5161 in RGB, HSL and CMYK?
In RGB, #4c5161 is rgb(76, 81, 97), in HSL hsl(226, 12%, 34%) and in CMYK 22%, 16%, 0%, 62%.
Where does #4c5161 work best in UI design?
#4c5161 serves as an ideal background for dark mode interfaces because it avoids the starkness of pure black while maintaining professional, high-contrast legibility. It provides a steady, muted foundation that keeps white text crisp and easy to scan.
What colors pair well with #4c5161?
This color pairs beautifully with soft, desaturated neutrals like cream or warm beige to create a sophisticated, modern palette. Using it alongside lighter, cool-toned accents helps balance its inherent weight and keeps your layout feeling open.
Is #4c5161 readable on white or black?
#4c5161 has a 7.90:1 contrast ratio on white and 2.65: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.