#173F5F Hex Color

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

Select a Color

This dusty, desaturated blue offers a stable and serious feel for corporate designs. It functions best as a solid UI background, though it can look muddy if paired with the wrong shades. Use crisp light grays or off-whites to maintain a clean appearance. White text provides an excellent 11.0:1 contrast ratio against it. The hex code for this moody, cool color is #173f5f.

Questions about #173f5f

What is #173f5f in RGB, HSL and CMYK?

In RGB, #173f5f is rgb(23, 63, 95), in HSL hsl(207, 61%, 23%) and in CMYK 76%, 34%, 0%, 63%.

What colors pair well with #173f5f in a UI design?

This color anchors best when paired with crisp neutrals like light gray or warm off-whites, which prevent the deep blue from looking muddy. For accent elements, consider using a muted gold or soft sage to create a sophisticated, balanced palette.

Is #173f5f readable on white or black?

#173f5f has a 10.97:1 contrast ratio on white and 1.91: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.

#173F5F Hex Color

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

Questions about #173f5f

Color tools

Resources