Violet Haze

Sophisticated, dusty purple with serious undertones

Violet Haze color codes graphic
Violet Haze is a muted, dusty purple that carries a heavy, serious mood. Because it is highly unsaturated, this color works best as a supporting tone rather than a dominant base. It pairs effectively with warm, off-white text for readability. The hex code for this shade is #675b72, making it a functional choice for moody UI elements or distinct, structured branding palettes.

Questions about Violet Haze

What is the hex code for Violet Haze?
Violet Haze is #675b72. In RGB that is rgb(103, 91, 114), in HSL hsl(271, 11%, 40%) and in CMYK 10%, 20%, 0%, 55%. Browse more shades of gray with names and hex codes.
How should I use Violet Haze #675b72 in a UI design?
Violet Haze functions best as a supportive, muted background for dashboards or card elements rather than a primary call-to-action button. Because it is highly desaturated and serious, it balances well against cream or warm off-white text to ensure readability without harsh contrast.
What color palettes work well with #675b72?
Pair #675b72 with muted earth tones or cool neutrals to emphasize its dusty, serious character. It complements soft sage greens or dusty rose shades, creating a balanced, professional palette that feels grounded and structured for both web and print applications.
Is Violet Haze readable on white or black?
Violet Haze has a 6.33:1 contrast ratio on white and 3.31:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.