#2E4875 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted and deep, #2e4875 is a cool blue with gray undertones and a matte, understated finish. Its low saturation gives interfaces and branding a serious, reliable feel without harshness. Use it as a supporting tone or dark UI background, pairing it with burgundy or warm cream. White text has about a 9.1:1 contrast ratio. The hex code is #2e4875.
Questions about #2e4875
What is #2e4875 in RGB, HSL and CMYK?
In RGB, #2e4875 is rgb(46, 72, 117), in HSL hsl(218, 44%, 32%) and in CMYK 61%, 38%, 0%, 54%.
What colors pair well with #2e4875?
#2e4875 pairs well with warm cream, burgundy, and muted terracotta, which balance its cool gray undertones without making the palette feel harsh. Use cream for lift, burgundy for depth, and terracotta for a warmer accent.
What mood does #2e4875 create in design?
The #2e4875 hex color creates a serious, reliable mood through its deep value, cool blue hue, and gray undertones, making it effective for navigation, dashboards, editorial layouts, and restrained brand elements.
Is #2e4875 readable on white or black?
#2e4875 has a 9.13:1 contrast ratio on white and 2.29: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.