#2C5779 Hex Color

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

Hex color #2c5779 graphic
Dark and muted, #2c5779 is a cool blue with gray, slightly dusty undertones. Its low saturation gives designs a serious, controlled mood that suits security, finance, technology, and government interfaces. Use it as a dominant background or strong supporting tone, then add warm burgundy for contrast. White text reads clearly on this hex code, with about a 7.6:1 contrast ratio.

Questions about #2c5779

What is #2c5779 in RGB, HSL and CMYK?
In RGB, #2c5779 is rgb(44, 87, 121), in HSL hsl(206, 47%, 32%) and in CMYK 64%, 28%, 0%, 53%. Browse more shades of blue with names and hex codes.
What colors pair well with #2c5779 in a design palette?
Warm burgundy makes #2c5779 feel richer by supplying restrained contrast, while soft off-white adds space and light without erasing the blue’s serious, dusty character in brand palettes, editorial layouts, and interface themes. Reserve burgundy for buttons, links, or small graphic accents.
Is #2c5779 readable on white or black?
#2c5779 has a 7.64:1 contrast ratio on white and 2.74: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.