#042CAC Hex Color

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

Hex color #042cac graphic
This saturated, intense blue commands attention with its authoritative presence. Because it is highly pigmented, #042cac works best as a strong accent color or a solid background for white text, which remains highly readable against this hex code. It creates a professional, corporate feel in tech and finance branding. Use it sparingly, as its depth can overwhelm layouts if applied too broadly.

Questions about #042cac

What is #042cac in RGB, HSL and CMYK?
In RGB, #042cac is rgb(4, 44, 172), in HSL hsl(226, 95%, 35%) and in CMYK 98%, 74%, 0%, 33%.
What is the best way to use #042cac in UI design?
#042cac functions best as a bold accent or a primary brand color rather than a large background fill. Because of its high saturation, it maintains excellent readability when paired with clean white text, making it ideal for call-to-action buttons or headers.
Which colors complement #042cac effectively?
Since #042cac is a powerful, deep blue, it pairs well with neutral tones to anchor the design. For a balanced aesthetic, combine it with light gray or soft whites to prevent visual fatigue while keeping the interface feeling clean and modern.
Is #042cac readable on white or black?
#042cac has a 10.70:1 contrast ratio on white and 1.96: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.