#414F4C Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #414f4c graphic
#414f4c is a dusty, desaturated teal that leans heavily into grey. This moody shade works best as a primary background for tech interfaces where legibility is a priority. White text offers a high contrast ratio of 8.6:1 against it, ensuring excellent readability. It pairs unexpectedly well with warm, creamy neutrals to cut through the gloom. The hex code for this color is #414f4c.

Questions about #414f4c

What is #414f4c in RGB, HSL and CMYK?
In RGB, #414f4c is rgb(65, 79, 76), in HSL hsl(167, 10%, 28%) and in CMYK 18%, 0%, 4%, 69%.
Does #414f4c work well for UI design?
Yes, #414f4c is an excellent choice for tech interface backgrounds because it provides a strong, high-contrast base. Using white text ensures accessibility and legibility, creating a professional look that avoids the harshness of pure black while remaining distinct and modern.
What colors complement the grey-teal tone of #414f4c?
The best way to balance #414f4c is by adding warm, creamy neutrals like cream or ivory. These lighter, warmer tones cut through the desaturated grey undertones, preventing the overall design from feeling too flat or overly gloomy in high-density layouts.
Is #414f4c readable on white or black?
#414f4c has a 8.58:1 contrast ratio on white and 2.44: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.