#9698E3 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #9698e3 graphic
This desaturated periwinkle offers a soft, airy quality to any interface. Its coolness makes it an ideal choice for calming backgrounds or gentle UI elements. Black text provides high contrast against this shade, ensuring readability for body content. Pair #9698e3 with charcoal grays for a modern, structured aesthetic. The hex code for this color is #9698e3.

Questions about #9698e3

What is #9698e3 in RGB, HSL and CMYK?
In RGB, #9698e3 is rgb(150, 152, 227), in HSL hsl(238, 58%, 74%) and in CMYK 34%, 33%, 0%, 11%.
What colors pair well with #9698e3?
Because #9698e3 is a soft, muted periwinkle, it pairs beautifully with charcoal for a modern, high-contrast look or cream for a softer, vintage-inspired interface. Using deep, neutral tones balances the airy quality of the blue while ensuring your typography remains readable and clear.
Is #9698e3 considered a warm or cool color?
#9698e3 is distinctly cool due to its blue undertones, which evoke a sense of calm, reliability, and mental clarity. This coolness makes it particularly effective for interfaces where you want to reduce user anxiety, such as wellness apps or financial dashboards.
Is #9698e3 readable on white or black?
#9698e3 has a 2.65:1 contrast ratio on white and 7.89: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.