#9E98E2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated lavender offers a gentle, airy quality that works well for delicate branding or spring-themed designs. Because it sits between a true purple and gray, it avoids feeling overly vibrant. The hex code #9e98e2 provides excellent contrast for black text, making it a reliable choice for UI backgrounds. If you are learning what colors make gray, consider how this hue functions as a sophisticated neutral.
Questions about #9e98e2
What is #9e98e2 in RGB, HSL and CMYK?
In RGB, #9e98e2 is rgb(158, 152, 226), in HSL hsl(245, 56%, 74%) and in CMYK 30%, 33%, 0%, 11%.
Is #9e98e2 considered a warm or cool color?
#9e98e2 leans toward the cool side of the spectrum because its base is a clear blue-violet, though the gray desaturation makes it feel much more balanced. This temperature allows it to sit comfortably against both warm creams and cooler grays.
What colors pair well with #9e98e2 for UI design?
#9e98e2 works best when paired with deep charcoal for high-contrast text or a creamy off-white to maintain its airy, spring-like aesthetic. Avoid pairing it with high-saturation neons, as they will overpower its delicate and muted character.
Is #9e98e2 readable on white or black?
#9e98e2 has a 2.61:1 contrast ratio on white and 8.04: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.