#9DB2F2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This light, unsaturated periwinkle offers a fresh and airy tone for UI design. The hex code #9db2f2 functions best as a base background. It provides strong readability when paired with bold black text. Use this color alongside deep charcoal grays to ground its lightness, as it can feel washed out when surrounded only by other pale shades.
Questions about #9db2f2
What is #9db2f2 in RGB, HSL and CMYK?
In RGB, #9db2f2 is rgb(157, 178, 242), in HSL hsl(225, 77%, 78%) and in CMYK 35%, 26%, 0%, 5%.
Which colors pair best with #9db2f2 in a UI design?
#9db2f2 works best when paired with deep charcoal or near-black text to anchor its lightness. Because it is a soft, airy shade, it also creates a balanced, modern palette when accented with a warm terracotta or a muted olive.
Is #9db2f2 considered a warm or cool color?
#9db2f2 leans cool due to its distinct blue and violet undertones. This makes it an ideal choice for interfaces requiring a calming or professional mood, as it feels refreshing and stable without becoming overly aggressive or intense on the eyes.
Is #9db2f2 readable on white or black?
#9db2f2 has a 2.08:1 contrast ratio on white and 10.08: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.