#003F6D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dark, desaturated blue, #003f6d carries a serious tone suitable for corporate and finance interfaces. It functions best as a dominant base color, providing a solid foundation for layouts. Because of its high contrast with white, it is a safe choice for text-heavy UI designs. Designers often experiment with mixing black into this hex code to create even moodier, more professional palettes.
Questions about #003f6d
What is #003f6d in RGB, HSL and CMYK?
In RGB, #003f6d is rgb(0, 63, 109), in HSL hsl(205, 100%, 21%) and in CMYK 100%, 42%, 0%, 57%.
What makes #003f6d a good choice for text-heavy corporate design?
#003f6d offers significant visual weight and high legibility against light backgrounds, ensuring critical information remains accessible to readers. Its muted, desaturated quality prevents eye strain during long-term use, making it ideal for financial dashboards or documentation interfaces.
How can I pair #003f6d effectively in a user interface?
To balance the gravity of #003f6d, pair it with crisp whites or very light grays to maintain clean contrast. Introduce subtle accents using a warm coral or pale yellow to add visual interest without compromising the professional atmosphere.
Is #003f6d readable on white or black?
#003f6d has a 10.87:1 contrast ratio on white and 1.93: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.