#003E5C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated, cool navy brings a serious, grounded tone to interface design. Because #003e5c is quite dark, it works best as a primary background or a dominant brand color rather than fine text. The hex code provides enough contrast for white type, making it a reliable choice for corporate and financial branding. Pair it with muted creams or sharp greys to avoid muddy visuals.
Questions about #003e5c
What is #003e5c in RGB, HSL and CMYK?
In RGB, #003e5c is rgb(0, 62, 92), in HSL hsl(200, 100%, 18%) and in CMYK 100%, 33%, 0%, 64%.
How does #003e5c perform for UI text?
#003e5c is generally too dark and low-contrast for small, fine body text, but it excels as a high-impact background color when paired with white or very light cream typography. Always verify your specific contrast ratios before implementation.
What colors pair well with #003e5c?
This deep navy anchors well with muted, desaturated neutrals like charcoal or soft greys, which prevents the design from feeling muddy. For accenting, consider subtle contrasts like warm beige to add a touch of balance to the cool tone.
Is #003e5c readable on white or black?
#003e5c has a 11.39:1 contrast ratio on white and 1.84: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.