#004A98 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#004a98 acts as a solid, grounded anchor for corporate and tech branding. This deep, saturated blue provides excellent contrast against white text, making it a reliable choice for UI backgrounds. Because it carries such heavy visual weight, use it as a dominant 60% base rather than a small accent. If you are experimenting with mixing blue, remember that the hex code for this specific shade is #004a98.
Questions about #004a98
What is #004a98 in RGB, HSL and CMYK?
In RGB, #004a98 is rgb(0, 74, 152), in HSL hsl(211, 100%, 30%) and in CMYK 100%, 51%, 0%, 40%.
What colors pair well with #004a98?
Pair #004a98 with crisp white or light gray for high-contrast text, or introduce a bright citrus yellow as an accent to break up the deep saturation. Because #004a98 is so heavy, these lighter tones help balance the interface and prevent the design from feeling too closed in or dark.
Is #004a98 suitable for a modern website background?
This shade works exceptionally well as a dominant base color for SaaS or financial tech platforms because it conveys stability and professionalism. You must ensure your typography is set in a very high-contrast, light color to maintain readability for users across the screen.
Is #004a98 readable on white or black?
#004a98 has a 8.63:1 contrast ratio on white and 2.43: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.