#2C4467 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted blue sits on the darker side of the spectrum. It feels grounded and professional, lacking the intensity of bright primary colors. The hex code is #2c4467. It functions as a strong background for UI design, especially since white text provides a high 9.9:1 contrast ratio. Pair this shade with soft creams or warm grays to prevent the overall palette from feeling too cold.
Questions about #2c4467
What is #2c4467 in RGB, HSL and CMYK?
In RGB, #2c4467 is rgb(44, 68, 103), in HSL hsl(216, 40%, 29%) and in CMYK 57%, 34%, 0%, 60%.
What colors pair best with #2c4467 to avoid a cold aesthetic?
Soft creams, warm grays, and muted beiges work best to balance the cool, industrial nature of #2c4467. Using a warm beige or cream helps ground the design, preventing the overall palette from feeling too sterile or detached in professional layouts.
Is #2c4467 a good choice for text-heavy UI backgrounds?
Yes, #2c4467 functions as a strong, professional background choice because it offers a high 9.9:1 contrast ratio when paired with white text. This provides excellent readability for users while maintaining a sophisticated, modern appearance that feels more elevated than standard black.
Is #2c4467 readable on white or black?
#2c4467 has a 9.86:1 contrast ratio on white and 2.12: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.