#03304C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A somber, deeply unsaturated navy, #03304c communicates professional authority and stability. Its dark, dusty character makes it a strong choice for large UI backgrounds or footer sections. While it provides high contrast for white text, avoid using it in small, isolated elements where it may appear muddy. Designers often pair this hex code with soft greys or muted golds to balance its cool, serious tone.
Questions about #03304c
What is #03304c in RGB, HSL and CMYK?
In RGB, #03304c is rgb(3, 48, 76), in HSL hsl(203, 92%, 15%) and in CMYK 96%, 37%, 0%, 70%.
What design elements work best with #03304c?
This color excels as a grounding element in large-scale UI components like footer backgrounds or navigation bars. Because it is highly desaturated, it avoids overwhelming the user while providing a serious, structured look that pairs effectively with crisp white typography.
Does #03304c have warm or cool undertones?
#03304c is distinctly cool, carrying a deep, oceanic intensity that feels more formal than a standard blue. It leans into a moody, dust-heavy aesthetic, making it an excellent choice for branding that requires a sense of gravitas and stability.
Is #03304c readable on white or black?
#03304c has a 13.71:1 contrast ratio on white and 1.53: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.