#003D57 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, desaturated blue offers a grounding presence for corporate or formal design projects. Because it feels somber and serious, the hex code #003d57 works best as a background tone rather than for fine details. White text reads clearly against it, so use this shade to anchor large UI sections. Pair it with soft cream or muted metallics to prevent the overall palette from feeling too cold.
Questions about #003d57
What is #003d57 in RGB, HSL and CMYK?
In RGB, #003d57 is rgb(0, 61, 87), in HSL hsl(198, 100%, 17%) and in CMYK 100%, 30%, 0%, 66%. Browse more shades of blue with names and hex codes.
What colors pair well with #003d57?
This deep, professional blue works best alongside soft creams or muted metallics to balance its cold, serious undertones. For a sophisticated contrast, avoid harsh pure whites and instead use off-white or light gray text to keep the visual hierarchy grounded and accessible.
Is #003d57 suitable for text on a white background?
Yes, #003d57 provides excellent contrast against light backgrounds, making it a reliable choice for readable text and headlines in corporate interface design. When using it as a background, however, opt for light-colored or white typography to maintain clarity and ensure high legibility.
Is #003d57 readable on white or black?
#003d57 has a 11.63:1 contrast ratio on white and 1.80: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.