#2E457E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted navy sits on the darker side of the spectrum, offering a serious and professional aesthetic. Because of its desaturated, matte quality, #2e457e pairs well with warm, creamy off-whites to avoid a harsh, clinical look. It excels as a reliable UI background or branding base. For high readability, white text is the best choice, providing excellent contrast for your body copy.
Questions about #2e457e
What is #2e457e in RGB, HSL and CMYK?
In RGB, #2e457e is rgb(46, 69, 126), in HSL hsl(223, 47%, 34%) and in CMYK 63%, 45%, 0%, 51%.
Which colors pair best with #2e457e for UI design?
Use warm, creamy off-whites to create a soft, high-contrast look that avoids the harshness of pure white. For accents, this muted navy works well with mustard or terracotta tones, which provide a balanced, grounded warmth against the cool depth of the blue.
Is #2e457e readable on white or black?
#2e457e has a 9.25:1 contrast ratio on white and 2.26: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.