#182C3F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dusty, desaturated blue, #182c3f carries a heavy, serious weight that reads well in moody UI designs. Because of its dark, ashy undertones, it works best as a solid background color rather than a fine detail. White text pops easily against this shade, ensuring readability for navigation or body content. The hex code for this dim, reliable blue is #182c3f.
Questions about #182c3f
What is #182c3f in RGB, HSL and CMYK?
In RGB, #182c3f is rgb(24, 44, 63), in HSL hsl(209, 45%, 17%) and in CMYK 62%, 30%, 0%, 75%.
How does #182c3f perform as a background color for UI design?
#182c3f works exceptionally well as a solid background because its dark, ashy weight makes white text pop clearly against it. It avoids the harshness of pure black while maintaining enough depth to anchor modern, minimalist interfaces effectively.
What colors pair well with #182c3f in a palette?
This deep blue balances best with lighter, cool-toned neutrals or soft, muted metallics like silver to maintain its sophisticated, serious mood. You can also introduce subtle warmth with a muted terracotta for a balanced contrast that keeps the design grounded.
Is #182c3f readable on white or black?
#182c3f has a 14.27:1 contrast ratio on white and 1.47: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.