#20354D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dusty, matte blue with strong grey undertones, #20354d provides a serious, muted base for professional UI design. Because it lacks saturation, this color avoids the harshness of standard navy, making it an excellent choice for backgrounds where readability is key. It pairs well with crisp white text, which pops significantly against its dark, stable character. The hex code for this color is #20354d.
Questions about #20354d
What is #20354d in RGB, HSL and CMYK?
In RGB, #20354d is rgb(32, 53, 77), in HSL hsl(212, 41%, 21%) and in CMYK 58%, 31%, 0%, 70%.
Does #20354d work well for website backgrounds?
#20354d is an excellent choice for backgrounds because its muted, desaturated nature prevents the eye strain often caused by high-saturation navies. Its low contrast against white text creates a professional, stable look suitable for long-form content or corporate dashboards.
What colors pair best with #20354d?
This deep blue balances beautifully with warm greige or soft cream for a sophisticated, neutral palette. If you need a bolder contrast, pair it with a muted burnt orange to create a complementary scheme that feels intentional rather than jarring.
Is #20354d readable on white or black?
#20354d has a 12.51:1 contrast ratio on white and 1.67: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.