#033970 Hex Color

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

Hex color #033970 graphic
#033970 is a deep, saturated navy that carries a distinct professional authority. Because of its dark and gloomy undertones, it serves as an excellent, stabilizing base for corporate and technology-focused branding. White text provides an 11.5:1 contrast ratio, making this hex code highly legible for body text or data-heavy UI designs. It pairs well with warm metallic accents to break up the cold density.

Questions about #033970

What is #033970 in RGB, HSL and CMYK?
In RGB, #033970 is rgb(3, 57, 112), in HSL hsl(210, 95%, 23%) and in CMYK 97%, 49%, 0%, 56%.
What colors pair best with #033970 for web design?
Because #033970 is a dense and cold navy, it pairs beautifully with warm metallic accents or soft creams to balance its intensity. Using gold or cream text provides enough warmth to cut through the heavy, professional darkness of this specific shade.
Is #033970 suitable for small body text on websites?
Yes, #033970 is an excellent choice for body text because it offers an 11.5:1 contrast ratio against standard white backgrounds. This high level of readability makes it a reliable, accessible alternative to pure black for long-form content or complex data visualizations.
Is #033970 readable on white or black?
#033970 has a 11.51:1 contrast ratio on white and 1.82: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.