#1B96D3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, unsaturated blue conveys security and reliability in professional interface design. Because the hex code #1b96d3 offers a 6.3:1 contrast ratio with black, it ensures excellent legibility for small body text. Use it primarily as an accent color for buttons or navigation elements rather than a primary background, where its intensity can become overwhelming. Pair it with soft, muted grays to keep the composition balanced.
Questions about #1b96d3
What is #1b96d3 in RGB, HSL and CMYK?
In RGB, #1b96d3 is rgb(27, 150, 211), in HSL hsl(200, 77%, 47%) and in CMYK 87%, 29%, 0%, 17%.
Why is #1b96d3 a strong choice for interface buttons?
#1b96d3 maintains a solid 6.3:1 contrast ratio against black, ensuring excellent readability for small text and call-to-action elements. Its stable, professional blue tone communicates reliability while standing out just enough to guide user interaction without visual fatigue.
What colors pair best with #1b96d3 for a balanced palette?
Pair #1b96d3 with soft, neutral tones like charcoal or light slate grays to anchor the design. The muted nature of this blue allows it to pop against dark backgrounds while remaining harmonious alongside desaturated cool tones or crisp, clean whites.
Is #1b96d3 readable on white or black?
#1b96d3 has a 3.30:1 contrast ratio on white and 6.34: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.