#9086A2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated lavender brings a sense of quiet structure to a palette. Because it sits on the cooler side, the hex code #9086a2 works best as a supporting background element rather than a focal point. It pairs well with charcoal grays and soft creams, offering enough contrast for readability while maintaining a refined, understated appearance in UI design or wellness branding.
Questions about #9086a2
What is #9086a2 in RGB, HSL and CMYK?
In RGB, #9086a2 is rgb(144, 134, 162), in HSL hsl(261, 13%, 58%) and in CMYK 11%, 17%, 0%, 36%.
What color combinations work best with #9086a2?
Because #9086a2 sits on the cooler side, it performs best when paired with high-contrast neutrals. Use it against charcoal to create a sense of professional structure or blend it with warm off-whites to soften its inherent dusty quality.
Is #9086a2 suitable for UI backgrounds?
Yes, #9086a2 works well as a supporting background element because its unsaturated nature prevents it from overwhelming a design. It provides enough readability for text overlays while maintaining a calm, refined, and understated appearance suitable for wellness or lifestyle websites.
Is #9086a2 readable on white or black?
#9086a2 has a 3.43:1 contrast ratio on white and 6.11:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.