#183F5B Hex Color

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

Hex color #183f5b graphic
#183f5b is a desaturated, dusky blue that carries an air of professional authority. Because it is so muted and cool, it functions best as a background color for corporate or tech interfaces. White text offers excellent contrast here, though you might consider mixing black if you need to deepen the tone for a moodier aesthetic. The hex code is #183f5b.

Questions about #183f5b

What is #183f5b in RGB, HSL and CMYK?
In RGB, #183f5b is rgb(24, 63, 91), in HSL hsl(205, 58%, 23%) and in CMYK 74%, 31%, 0%, 64%.
What colors pair best with #183f5b?
Since #183f5b is a dark, desaturated blue, it works well with crisp white for high-contrast text or a soft cream for a sophisticated, slightly warmer look. You can also pair it with a light slate to maintain a cohesive, cool-toned professional palette across your layout.
When should I use #183f5b in a UI design?
This color is ideal for backgrounds in corporate or tech-focused applications where you need to convey stability and trust without visual clutter. Because of its muted nature, it prevents the eye strain often associated with pure navy or darker, more vibrant blues.
Is #183f5b readable on white or black?
#183f5b has a 11.04:1 contrast ratio on white and 1.90: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.