#2E3D5A Hex Color

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

Hex color #2e3d5a graphic
This dusty, muted navy serves as a sophisticated base for professional and corporate identities. Because of its low saturation and dark value, it creates a stable, authoritative backdrop that avoids the intensity of pure black. Use #2e3d5a for large UI containers or branding where you need to convey reliability without harsh contrast. It reads clearly with white text, making it a functional choice for dark mode applications.

Questions about #2e3d5a

What is #2e3d5a in RGB, HSL and CMYK?
In RGB, #2e3d5a is rgb(46, 61, 90), in HSL hsl(220, 32%, 27%) and in CMYK 49%, 32%, 0%, 65%. Browse more shades of blue with names and hex codes.
What colors pair best with #2e3d5a for professional UI design?
#2e3d5a creates a professional, high-contrast look when paired with soft white or light cream text. For secondary accent colors, use muted gold or sage to maintain the sophisticated, corporate feel without introducing jarring brightness that disrupts the balance.
Is #2e3d5a suitable for text on a dark background?
Using #2e3d5a as a background is ideal for dark mode, but the color itself is too dark for body text readability. Reserve this hex code for large structural containers, sidebars, or headers where white or light-toned text can provide maximum accessibility.
Is #2e3d5a readable on white or black?
#2e3d5a has a 10.87:1 contrast ratio on white and 1.93: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.