#2C4E5B Hex Color

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

Hex color #2c4e5b graphic
This dark, desaturated cyan carries a dusty, moody weight suitable for serious interface design. Because it sits at a low saturation, the hex code #2c4e5b works best as a primary background color for technology or aerospace branding. It offers high accessibility, as white text stands out clearly against the deep surface. Try pairing this color with soft peach or warm beige to balance its cool intensity.

Questions about #2c4e5b

What is #2c4e5b in RGB, HSL and CMYK?
In RGB, #2c4e5b is rgb(44, 78, 91), in HSL hsl(197, 35%, 26%) and in CMYK 52%, 14%, 0%, 64%. Browse more shades of blue with names and hex codes.
What colors pair well with #2c4e5b for a balanced UI?
This deep, moody cyan benefits significantly from warmer, lighter accents that prevent the design from feeling too cold or enclosed. Pairing #2c4e5b with soft peach or light beige creates an immediate, sophisticated contrast that keeps the interface accessible and readable.
Is #2c4e5b readable on white or black?
#2c4e5b has a 8.94:1 contrast ratio on white and 2.34: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.