#05456B Hex Color

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

Hex color #05456b graphic
This deep, unsaturated navy serves as a solid base for corporate identity and UI backgrounds. With high contrast ratios for white text, the hex code #05456b works well for dark mode interfaces needing a serious tone. It pairs beautifully with mustard yellows or muted sage tones if you are interested in mixing green. Use it sparingly as an accent to avoid making layouts feel too gloomy.

Questions about #05456b

What is #05456b in RGB, HSL and CMYK?
In RGB, #05456b is rgb(5, 69, 107), in HSL hsl(202, 91%, 22%) and in CMYK 95%, 36%, 0%, 58%.
How can I effectively use #05456b in a user interface?
#05456b serves as an excellent foundation for dark mode interfaces because it provides strong contrast with white or light gray typography without the harshness of pure black. Use it for expansive backgrounds or navigation bars to establish a professional, deeply serious visual tone.
Which colors pair well with #05456b for a balanced palette?
This deep navy anchors well against warm, earthy accents like mustard or sage green to break up its intensity. These pairings create a sophisticated contrast, preventing the overall design from appearing too gloomy or monotone while maintaining a high-end feel.
Is #05456b readable on white or black?
#05456b has a 10.14:1 contrast ratio on white and 2.07: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.