#042196 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This deeply saturated blue anchors professional designs with an air of authority and serious intent. Because it is quite dark, use it as a 60% dominant base to ground your layouts, paired with crisp white text for excellent readability. While other deeper blue tones offer variety, the hex code #042196 shines in corporate or security-focused UI backgrounds where stability is the primary goal.
Questions about #042196
What is #042196 in RGB, HSL and CMYK?
In RGB, #042196 is rgb(4, 33, 150), in HSL hsl(228, 95%, 30%) and in CMYK 97%, 78%, 0%, 41%.
What design style works best with #042196?
This shade excels in corporate, financial, or security-focused applications where stability and trust are the core messaging goals. Pair it with crisp high-contrast elements to ensure that the depth of the blue remains legible and professional rather than muddy.
Is #042196 readable on white or black?
#042196 has a 12.62:1 contrast ratio on white and 1.66: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.