#2A3F4C Hex Color

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

Hex color #2a3f4c graphic
This dark, dusty blue leans heavily into grey territory, creating a muted and serious mood. Because of its low saturation and heavy weight, #2a3f4c serves best as a dominant base or a grounding background element in technology and finance layouts. Use white text for optimal readability, as this hex code provides plenty of contrast for clean, legible typography in dark mode interfaces.

Questions about #2a3f4c

What is #2a3f4c in RGB, HSL and CMYK?
In RGB, #2a3f4c is rgb(42, 63, 76), in HSL hsl(203, 29%, 23%) and in CMYK 45%, 17%, 0%, 70%.
What mood does #2a3f4c convey in design?
This dark, dusty blue communicates stability, seriousness, and professionalism, making it a reliable choice for corporate or financial design systems. Its heavy, muted presence provides a grounded foundation that keeps layouts from feeling too bright or overwhelming.
Which colors pair best with #2a3f4c?
Because of its cool, grey-leaning undertones, #2a3f4c works best when paired with crisp white text or high-contrast accent colors like soft gold or cream for a sophisticated balance. Avoid extremely vibrant, clashing neons that might undermine its subtle, composed aesthetic.
Is #2a3f4c readable on white or black?
#2a3f4c has a 10.97:1 contrast ratio on white and 1.91: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.