#004A99 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A deep and authoritative blue, #004a99 carries a weight suitable for corporate branding and serious UI design. Because it offers a strong 8.6:1 contrast ratio against white, use it as a solid background for navigation bars or primary buttons. The hex code for this saturated navy is #004a99. It provides visual stability without appearing too gloomy in modern screen interfaces.
Questions about #004a99
What is #004a99 in RGB, HSL and CMYK?
In RGB, #004a99 is rgb(0, 74, 153), in HSL hsl(211, 100%, 30%) and in CMYK 100%, 52%, 0%, 40%.
Where should I use #004a99 in a UI design?
This deep blue is highly effective as a primary action color or for navigation elements because it provides an excellent 8.6:1 contrast ratio against white. It offers visual stability and authority, making it ideal for corporate software or serious dashboard interfaces.
What colors pair well with #004a99?
To create a balanced interface, pair #004a99 with neutral shades like light gray or pure white to maintain its authoritative impact. For a bolder look, it works well as a grounding base against bright, alert colors like safety orange.
Is #004a99 readable on white or black?
#004a99 has a 8.60: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.