#2E5C6E Hex Color

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

Hex color #2e5c6e graphic
This dusty, muted teal carries a serious weight that works well for dark mode interfaces. Because the saturation is low, #2e5c6e provides a stable, professional backdrop without feeling overwhelming. It offers excellent contrast for white text, making it a functional choice for reading-heavy UI designs. Avoid pairing it with overly bright neons, as they can clash with its subdued, cooler undertone.

Questions about #2e5c6e

What is #2e5c6e in RGB, HSL and CMYK?
In RGB, #2e5c6e is rgb(46, 92, 110), in HSL hsl(197, 41%, 31%) and in CMYK 58%, 16%, 0%, 57%. Browse more shades of blue with names and hex codes.
Why is #2e5c6e effective for dark mode user interfaces?
This shade acts as a stable, neutral backdrop that reduces eye strain in dark mode thanks to its low saturation and serious weight. It provides superior contrast for white or light gray typography without the visual vibration often caused by brighter, more saturated teals.
What color schemes complement #2e5c6e?
The muted teal works best alongside warm, neutral tones to balance its cool undertones, such as a soft beige or warm cream. Avoid pairing this shade with high-contrast, neon colors, as they will quickly clash with its subdued, dusty aesthetic.
Is #2e5c6e readable on white or black?
#2e5c6e has a 7.31:1 contrast ratio on white and 2.87: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.