#0531B3 Hex Color

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

Hex color #0531b3 graphic
#0531b3 is a saturated, authoritative navy that anchors professional designs. Because of its high chroma, avoid using this hex code as a full-page background, as it can overwhelm the eye. It functions best as a dominant 60% base for corporate identity or high-contrast UI elements. White text reads perfectly against this blue with a 10.0:1 contrast ratio, ensuring excellent accessibility for your final layout.

Questions about #0531b3

What is #0531b3 in RGB, HSL and CMYK?
In RGB, #0531b3 is rgb(5, 49, 179), in HSL hsl(225, 95%, 36%) and in CMYK 97%, 73%, 0%, 30%. Browse more shades of blue with names and hex codes.
What is the best way to use #0531b3 in a web design?
Apply #0531b3 as a dominant base color for corporate identity, but avoid using it as a full-page background because its high chroma can quickly overwhelm the eye. It works effectively for buttons or headers where you need a strong, authoritative blue.
Is #0531b3 readable on white or black?
#0531b3 has a 10.01:1 contrast ratio on white and 2.09: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.