#004CA6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated shade is a standard for corporate and tech-focused UI. Because white text creates excellent contrast at 8.1:1, it serves as a reliable background for dense information layouts. When you understand how to make blue, you can see how this specific intensity anchors a brand identity. The hex code is #004ca6.
Questions about #004ca6
What is #004ca6 in RGB, HSL and CMYK?
In RGB, #004ca6 is rgb(0, 76, 166), in HSL hsl(213, 100%, 33%) and in CMYK 100%, 54%, 0%, 35%.
Does #004ca6 work well as a primary background color?
#004ca6 is very intense, so it works best as an accent or header color rather than a large background field. When used as a solid background, ensure you use white or very light text to maintain a high contrast ratio for readability.
What colors pair best with #004ca6 for a balanced palette?
This blue pairs effectively with neutral tones or off-whites to balance its high saturation. For a more dynamic interface, you can accent it with a complementary orange or a soft mustard yellow to create visual interest without overwhelming the design.
Is #004ca6 readable on white or black?
#004ca6 has a 8.12:1 contrast ratio on white and 2.58: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.