#003057 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, desaturated navy projects authority and stability. The hex code #003057 serves as a solid base color for corporate interfaces, finance apps, and formal branding. It pairs well with metallic accents to avoid appearing monotonous. Because it offers high contrast with white text, it remains a readable background for body type in dark mode designs, maintaining a 13.5:1 contrast ratio.
Questions about #003057
What is #003057 in RGB, HSL and CMYK?
In RGB, #003057 is rgb(0, 48, 87), in HSL hsl(207, 100%, 17%) and in CMYK 100%, 45%, 0%, 66%.
Why is #003057 effective for user interface backgrounds?
This deep navy functions as a neutral foundation that significantly reduces eye strain in dark mode interfaces compared to pure black. Its high contrast ratio ensures white typography remains crisp and legible for long-form reading in professional software applications.
What colors pair well with #003057 in a palette?
To prevent the color from appearing too heavy, pair it with metallic accents like silver or warm neutral tones like cream. These combinations introduce balance, breaking up the dense, moody visual weight of the navy without sacrificing its professional authority.
Is #003057 readable on white or black?
#003057 has a 13.45:1 contrast ratio on white and 1.56: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.