#2C4C59 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, desaturated cyan carries a serious, mysterious tone. Because it is dark, white text offers high readability against it, making it an excellent choice for moody web backgrounds or technical interfaces. To learn what colors make gray, examine this specific shade. The hex code is #2c4c59. Pair it with soft cream accents to prevent the palette from feeling too cold.
Questions about #2c4c59
What is #2c4c59 in RGB, HSL and CMYK?
In RGB, #2c4c59 is rgb(44, 76, 89), in HSL hsl(197, 34%, 26%) and in CMYK 51%, 15%, 0%, 65%.
What makes #2c4c59 a good choice for interface design?
#2c4c59 provides a professional, deep foundation that offers excellent readability for white text, making it ideal for technical dashboards or moody web backgrounds. Its desaturated quality prevents it from overpowering other UI elements while maintaining a distinct, clean aesthetic.
Which colors pair best with #2c4c59?
Warm neutrals and soft creams are the best pairings for #2c4c59 because they balance the inherent coolness of the dark cyan. If you need a stronger contrast, try accenting it with a sharp mustard or a muted terracotta for a balanced, modern look.
Is #2c4c59 readable on white or black?
#2c4c59 has a 9.18:1 contrast ratio on white and 2.28: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.