#0A3AD3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, deep blue carries a professional weight, making it a reliable choice for finance or tech interfaces. Because it is highly pigmented, it functions best as a dominant base color rather than a small accent. White text is easily readable against this hex code #0a3ad3, providing excellent contrast for UI elements. Pair it with soft, warm grays to temper its intensity and prevent a harsh, jarring appearance.
Questions about #0a3ad3
What is #0a3ad3 in RGB, HSL and CMYK?
In RGB, #0a3ad3 is rgb(10, 58, 211), in HSL hsl(226, 91%, 43%) and in CMYK 95%, 73%, 0%, 17%.
How can I balance the intensity of #0a3ad3 in a UI design?
Use #0a3ad3 as your primary action or branding color and pair it with soft, warm grays to temper its high pigment density. This combination prevents the color from feeling harsh or overwhelming while maintaining excellent readability for your white text elements.
Is #0a3ad3 suitable for text-heavy interfaces?
While #0a3ad3 is excellent for buttons, headers, and UI accents, it can be aggressive for large blocks of body text. For better long-form readability, reserve this saturated blue for navigation, calls to action, or data visualization elements instead of paragraphs.
Is #0a3ad3 readable on white or black?
#0a3ad3 has a 8.20:1 contrast ratio on white and 2.55: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.