#96C5F2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This light, airy pastel blue maintains a high level of clarity, making it ideal for UI backgrounds where readability matters. Pair the hex code #96c5f2 with deep charcoal text to take advantage of its excellent contrast ratio. Because this shade is cool and unsaturated, use it as a base color for tech or healthcare projects to project stability without overwhelming the viewer.
Questions about #96c5f2
What is #96c5f2 in RGB, HSL and CMYK?
In RGB, #96c5f2 is rgb(150, 197, 242), in HSL hsl(209, 78%, 77%) and in CMYK 38%, 19%, 0%, 5%.
What colors pair well with #96c5f2?
Because #96c5f2 is a soft, unsaturated blue, it pairs best with high-contrast neutrals like charcoal or deep slate to ensure readability. For a balanced, professional palette, try combining it with clean white or soft grays to maintain its airy, tech-focused aesthetic.
Is #96c5f2 suitable for text-heavy interfaces?
While #96c5f2 works beautifully as a background color for apps and websites, it is generally too light for body text. Always layer darker, high-contrast typography over this shade to maintain accessibility standards and prevent user eye strain.
Is #96c5f2 readable on white or black?
#96c5f2 has a 1.81:1 contrast ratio on white and 11.56: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.