#204556 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dim, desaturated blue carries a serious, professional weight. Because of its deep tone, #204556 functions as an excellent anchor for UI backgrounds or corporate branding that requires a sense of stability. It offers high contrast for white text, making it accessible for body copy. Pair this shade with soft creams or warm grays to soften its inherent coolness and prevent the overall composition from appearing too gloomy.
Questions about #204556
What is #204556 in RGB, HSL and CMYK?
In RGB, #204556 is rgb(32, 69, 86), in HSL hsl(199, 46%, 23%) and in CMYK 63%, 20%, 0%, 66%.
What colors pair best with #204556?
Soft, warm neutrals prevent #204556 from feeling too cold or gloomy in a design layout. Try pairing this deep blue with a warm cream or a soft light gray to balance its serious, professional weight and add visual comfort.
Is #204556 suitable for text in UI design?
Yes, #204556 functions as an excellent dark anchor that maintains high contrast against white or off-white backgrounds. Because it is a desaturated blue, it offers a more nuanced, sophisticated alternative to standard black text while remaining highly readable.
Is #204556 readable on white or black?
#204556 has a 10.25:1 contrast ratio on white and 2.04: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.