#695E9D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted violet brings a calm and structured mood to digital interfaces. With its unsaturated, dark profile, #695e9d works best as a moody background or supporting element rather than a bright accent. Because it offers strong contrast against white text, it remains a legible choice for UI design. Avoid using it in large, flat blocks, as it can occasionally look muddy.
Questions about #695e9d
What is #695e9d in RGB, HSL and CMYK?
In RGB, #695e9d is rgb(105, 94, 157), in HSL hsl(250, 25%, 49%) and in CMYK 33%, 40%, 0%, 38%.
How should #695e9d be used in interface design?
#695e9d works best as a secondary or background element rather than a primary action color. Use it sparingly to ground a design, ensuring you maintain a strong contrast ratio against white or light gray text to keep interfaces legible and clean.
Does #695e9d lean warm or cool?
This color leans cool, carrying the deep, reserved undertones typical of classic violet. Its muted nature keeps it from feeling overly vibrant or neon, allowing it to sit comfortably alongside neutral palettes without clashing with warmer or cooler tones.
Is #695e9d readable on white or black?
#695e9d has a 5.69:1 contrast ratio on white and 3.68: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.