#8696D6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#8696d6 is a muted, cool-toned indigo that feels professional yet restrained. This hex code serves as a solid UI background, offering a 7.3:1 contrast ratio that keeps black text highly readable. It pairs well with charcoal or soft creams, avoiding the eye strain of more saturated purples. Avoid using it as a primary CTA button, as it lacks the intensity needed for strong visual hierarchy.
Questions about #8696d6
What is #8696d6 in RGB, HSL and CMYK?
In RGB, #8696d6 is rgb(134, 150, 214), in HSL hsl(228, 49%, 68%) and in CMYK 37%, 30%, 0%, 16%.
When should I avoid using #8696d6 in my UI design?
Do not use #8696d6 for primary calls-to-action or critical buttons because it lacks the visual intensity required to demand immediate user attention. Use it instead for expansive background elements or secondary sections where a restrained, professional atmosphere creates better hierarchy.
What colors complement #8696d6 in a professional layout?
This muted indigo pairs beautifully with charcoal for high-contrast, professional text or with soft creams and off-whites to maintain a calm, clean aesthetic. The color provides a steady foundation that anchors brighter accent colors without competing for visual dominance.
Is #8696d6 readable on white or black?
#8696d6 has a 2.85:1 contrast ratio on white and 7.34: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.