#2D669D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#2d669d is a muted, desaturated blue that leans into a serious, industrial character. Because it sits on the cooler side of the spectrum, it works effectively as a stable background for UI design or corporate branding where authority matters. While you might wonder about mixing gray to adjust this tone, its natural depth makes it ideal for white text overlays, providing a compliant 6.0:1 contrast ratio.
Questions about #2d669d
What is #2d669d in RGB, HSL and CMYK?
In RGB, #2d669d is rgb(45, 102, 157), in HSL hsl(209, 55%, 40%) and in CMYK 71%, 35%, 0%, 38%. Browse more shades of blue with names and hex codes.
What colors pair well with #2d669d?
#2d669d pairs effectively with soft cream or warm beige to balance its industrial, cool temperature. For a high-contrast professional look, use it alongside a crisp white or a very pale gray to ensure the text remains legible.
Is #2d669d readable on white or black?
#2d669d has a 6.00:1 contrast ratio on white and 3.49: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.