#0A8AD3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This highly saturated, cool blue commands attention without feeling aggressive. Because #0a8ad3 carries a strong presence, it functions best as a dominant brand color or an actionable UI highlight rather than a background. Pair it with soft, warm grays to balance its intensity. With a 5.6:1 contrast ratio against black text, it meets WCAG accessibility standards for readability in body copy. The hex code is #0a8ad3.
Questions about #0a8ad3
What is #0a8ad3 in RGB, HSL and CMYK?
In RGB, #0a8ad3 is rgb(10, 138, 211), in HSL hsl(202, 91%, 43%) and in CMYK 95%, 35%, 0%, 17%.
What colors pair best with #0a8ad3 in a UI design?
#0a8ad3 balances beautifully against soft, warm grays or a neutral off-white to prevent the blue from becoming overwhelming. For a modern, high-contrast look, pair it with deep charcoal or dark navy text to maintain readability while keeping the interface feeling clean and professional.
Is #0a8ad3 readable on white or black?
#0a8ad3 has a 3.75:1 contrast ratio on white and 5.58:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.