#045784 Hex Color

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

Hex color #045784 graphic
#045784 is a deep, saturated blue that serves as a professional anchor for corporate and tech-focused interfaces. Its high contrast ratio (7.8:1) against white text makes it a reliable choice for readable UI backgrounds. While this hex code carries a cool, serious weight, understanding how to make gray is useful if you need to soften its intensity for large-scale application.

Questions about #045784

What is #045784 in RGB, HSL and CMYK?
In RGB, #045784 is rgb(4, 87, 132), in HSL hsl(201, 94%, 27%) and in CMYK 97%, 34%, 0%, 48%.
Does #045784 work well for large-scale UI backgrounds?
Yes, the high contrast ratio of 7.8:1 against white text makes #045784 a reliable choice for accessible, professional interfaces. Because it is a saturated and cool tone, it grounds design elements without overpowering the primary content or text hierarchy.
What colors pair well with #045784 for a balanced palette?
To soften the intensity of #045784, pair it with muted neutrals like slate or crisp off-white to maintain readability. For a high-impact contrast, use a complementary bright orange or goldenrod as a small accent color.
Is #045784 readable on white or black?
#045784 has a 7.77:1 contrast ratio on white and 2.70: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.