#030EA5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, near-black blue carries a heavy, serious weight that demands attention in professional UI design. Because #030ea5 offers excellent contrast, white text stands out sharply against it, making this hex code a reliable choice for dark mode backgrounds or solid branding elements. Pair it with soft cream or muted gold to cut the coldness and add a touch of sophisticated contrast.
Questions about #030ea5
What is #030ea5 in RGB, HSL and CMYK?
In RGB, #030ea5 is rgb(3, 14, 165), in HSL hsl(236, 96%, 33%) and in CMYK 98%, 92%, 0%, 35%.
How do I use #030ea5 in UI design effectively?
Use #030ea5 as a powerful dark background to create high-contrast, professional interfaces. Because it is nearly black, white or cream text remains readable while providing a sophisticated, grounding foundation that feels more intentional and distinct than standard black.
What colors complement #030ea5 for a balanced palette?
To soften the intensity of #030ea5, pair it with cream or muted gold to introduce warmth. If you prefer a cooler, modern aesthetic, incorporate silver or light slate to balance the heavy, serious weight of this deep blue hue.
Is #030ea5 readable on white or black?
#030ea5 has a 13.04:1 contrast ratio on white and 1.61: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.