#9896D5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated lavender carries a cool, ethereal quality that feels refined rather than aggressive. Because it maintains enough contrast for black text, the hex code #9896d5 works well for UI backgrounds that require high legibility. Pair this shade with dark charcoal or deep forest greens to ground its airy nature, as it can appear washed out if surrounded only by light, neutral tones.
Questions about #9896d5
What is #9896d5 in RGB, HSL and CMYK?
In RGB, #9896d5 is rgb(152, 150, 213), in HSL hsl(242, 43%, 71%) and in CMYK 29%, 30%, 0%, 16%.
What colors pair best with #9896d5 in a design?
#9896d5 works best when grounded by darker, natural tones that prevent it from appearing washed out. It creates a sophisticated, balanced palette when paired with deep charcoal or dark forest green accents, which provide the visual weight this light shade lacks on its own.
Is #9896d5 a good choice for UI text backgrounds?
#9896d5 is an excellent choice for UI backgrounds because it maintains enough contrast to remain legible with standard dark text. Its cool, desaturated quality reduces visual fatigue, making it highly effective for calming interface designs, dashboards, or wellness-focused web applications.
Is #9896d5 readable on white or black?
#9896d5 has a 2.74:1 contrast ratio on white and 7.65: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.