#0BA2DC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A sharp, mid-tone blue, #0ba2dc offers a cool and professional presence. This hex code provides strong contrast against black text, making it a reliable choice for UI elements and navigation where clarity is paramount. While it works well for branding in tech or finance, it can feel too intense as a full background, so use it as a 10 percent accent color to balance your palette.
Questions about #0ba2dc
What is #0ba2dc in RGB, HSL and CMYK?
In RGB, #0ba2dc is rgb(11, 162, 220), in HSL hsl(197, 90%, 45%) and in CMYK 95%, 26%, 0%, 14%.
How should I use #0ba2dc in a website interface?
#0ba2dc is a high-energy blue that works best as a targeted accent color rather than a large background. Use it sparingly at about 10 percent intensity to highlight navigation links, buttons, or call-to-action elements without overwhelming the user.
What colors pair well with #0ba2dc for a balanced palette?
Because #0ba2dc is a sharp, mid-tone blue, it pairs well with charcoal or dark grays to ground its intensity. To create a modern, tech-focused look, try combining it with a crisp white or a very pale, neutral silver.
Is #0ba2dc readable on white or black?
#0ba2dc has a 2.91:1 contrast ratio on white and 7.21:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.