#685CAD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated violet carries a cool, muted character that avoids the intensity of primary purples. Because it offers a solid 5.6:1 contrast ratio against white text, #685cad works well for functional UI buttons or secondary navigation elements. Pair this hex code with soft grays or creams rather than stark whites to prevent it from appearing too washed out in your final layout.
Questions about #685cad
What is #685cad in RGB, HSL and CMYK?
In RGB, #685cad is rgb(104, 92, 173), in HSL hsl(249, 33%, 52%) and in CMYK 40%, 47%, 0%, 32%.
Where should I use #685cad in a design project?
#685cad functions best as a secondary UI element, such as navigation bars or buttons, where you need a professional color that avoids the harsh intensity of primary purples. Its 5.6:1 contrast ratio against white ensures text remains legible and accessible.
What colors pair well with #685cad?
This muted violet pairs exceptionally well with soft, neutral tones like cream or light slate gray. Avoiding stark white backgrounds prevents the color from appearing too washed out, allowing its balanced, desaturated character to ground your design palette effectively.
Is #685cad readable on white or black?
#685cad has a 5.64:1 contrast ratio on white and 3.72: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.