#4C557F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, desaturated indigo has a matte finish that reads as serious and grounded. Because of its cool, muted character, #4c557f works best as a primary UI background or a sophisticated alternative to standard navy. It pairs well with soft creams or warm metallic accents, which prevent the color from appearing too gloomy. White text remains highly readable against this hex code.
Questions about #4c557f
What is #4c557f in RGB, HSL and CMYK?
In RGB, #4c557f is rgb(76, 85, 127), in HSL hsl(229, 25%, 40%) and in CMYK 40%, 33%, 0%, 50%.
What colors pair best with #4c557f?
#4c557f works best when paired with soft creams or warm metallic accents to brighten its inherently cool and serious tone. You can also create a professional contrast by using it alongside charcoal for text or subtle off-whites for backgrounds.
Is #4c557f suitable for UI design text?
While #4c557f offers a sophisticated look, it is often too dark for body text on anything other than a very light background. It performs best as a primary interface color, a header accent, or a grounded background element for modern applications.
Is #4c557f readable on white or black?
#4c557f has a 7.20:1 contrast ratio on white and 2.91: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.