#9EBFF2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, cool blue carries a fresh, airy quality that works well as a subtle background shade. Because it offers strong contrast with black text, it maintains high readability in UI designs and clean digital interfaces. Avoid pairing it with pure white to keep it from looking washed out. The hex code for this soft, reliable tone is #9ebff2.
Questions about #9ebff2
What is #9ebff2 in RGB, HSL and CMYK?
In RGB, #9ebff2 is rgb(158, 191, 242), in HSL hsl(216, 76%, 78%) and in CMYK 35%, 21%, 0%, 5%.
How should I use #9ebff2 in interface design?
#9ebff2 functions best as a neutral, airy background color that maintains strong contrast against dark text. Avoid placing it directly against pure white, as the lack of saturation can cause the tone to appear washed out or muddy.
What colors complement #9ebff2 effectively?
To create a harmonious palette, pair #9ebff2 with warm, muted earth tones like terracotta or deep neutrals like charcoal. These pairings ground the cool, airy nature of the blue, preventing your design from feeling too cold or sterile.
Is #9ebff2 readable on white or black?
#9ebff2 has a 1.87:1 contrast ratio on white and 11.18: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.