#00305B Hex Color

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

Hex color #00305b graphic
This deep, unsaturated navy functions as a stable anchor in corporate and security-focused branding. Because it sits on the darker end of the spectrum, #00305b offers excellent contrast against white text, making it a functional choice for UI backgrounds. While you might wonder about mixing black for depth, this hex code provides plenty of gravity on its own for formal, authoritative design systems.

Questions about #00305b

What is #00305b in RGB, HSL and CMYK?
In RGB, #00305b is rgb(0, 48, 91), in HSL hsl(208, 100%, 18%) and in CMYK 100%, 47%, 0%, 64%.
How can I use #00305b in a user interface design?
#00305b functions exceptionally well as a dark background color or a primary accent, especially when paired with white or very light neutral text to ensure high readability. Its deep, unsaturated nature provides a formal, trustworthy foundation for financial or security-oriented applications.
What colors pair well with #00305b?
This navy pairs effectively with crisp whites, soft greys, or muted metallic tones to maintain a professional aesthetic. To add visual interest without losing authority, consider pairing it with a warm gold accent or a soft, desaturated sage green to create a sophisticated, balanced palette.
Is #00305b readable on white or black?
#00305b has a 13.34:1 contrast ratio on white and 1.57: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.