#2D3650 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted blue sits on the darker side of the spectrum. Because #2d3650 is heavily desaturated, it avoids the harshness of pure navy, making it an excellent base for professional UI or corporate branding. It maintains strong contrast against white text, ensuring readability in dark mode designs. Pair this hex code with soft grays or creams to keep your interface feeling grounded and legible.
Questions about #2d3650
What is #2d3650 in RGB, HSL and CMYK?
In RGB, #2d3650 is rgb(45, 54, 80), in HSL hsl(225, 28%, 25%) and in CMYK 44%, 32%, 0%, 69%.
Why use #2d3650 instead of a standard navy blue?
This color is heavily desaturated, which softens its intensity and removes the harsh glare often found in pure navy pigments. It creates a professional, grounded aesthetic for corporate branding or UI interfaces where you need readability without sacrificing depth.
What colors pair well with #2d3650 for a balanced interface?
Pair this shade with soft creams, warm grays, or off-white tones to maintain a balanced, sophisticated contrast. Because it acts as a neutral, it also allows brighter accent colors like mustard or terracotta to stand out without creating visual clutter.
Is #2d3650 readable on white or black?
#2d3650 has a 11.96:1 contrast ratio on white and 1.75: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.