Purple Haze
Online color picker to view shades, tints, color codes, and complementary colors
Purple Haze is a muted, dusty violet that feels intentionally flat and ashy. Due to its high level of desaturation, it functions best as a calm background rather than a bold accent. Pair it with crisp black text for optimal readability, as the hex code #807396 offers a 4.8:1 contrast ratio that meets accessibility standards. Avoid using it for fine details, where it can appear slightly muddy.
Questions about Purple Haze
What is the hex code for Purple Haze?
Purple Haze is #807396. In RGB that is rgb(128, 115, 150), in HSL hsl(262, 14%, 52%) and in CMYK 15%, 23%, 0%, 41%.
What is the best way to use #807396 in UI design?
Use #807396 as a subtle background to maintain a calm, professional aesthetic without overwhelming the viewer. Because it is highly desaturated, it lacks the punch required for primary buttons or small text, but it pairs beautifully with charcoal or off-white for balanced, readable layouts.
Why does Purple Haze #807396 appear flat or ashy?
The high level of desaturation inherent in #807396 removes the intense vibrancy found in standard violets, resulting in an intentionally flat, matte finish. This muted quality is effective for minimalist design systems where you need to reduce visual noise and maintain a grounded, understated composition.
Is Purple Haze readable on white or black?
Purple Haze has a 4.36:1 contrast ratio on white and 4.81: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.