#6D5EAF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated violet carries a cool, muted tone that feels steady and professional. Because it maintains a moderate contrast ratio, the hex code #6d5eaf works well for UI elements or as a secondary brand color. It pairs effectively with off-white or soft gray backgrounds. Avoid using this shade as a full-screen primary color, as its desaturation can make large areas of design appear slightly flat.
Questions about #6d5eaf
What is #6d5eaf in RGB, HSL and CMYK?
In RGB, #6d5eaf is rgb(109, 94, 175), in HSL hsl(251, 34%, 53%) and in CMYK 38%, 46%, 0%, 31%.
Where should I use #6d5eaf in my interface designs?
#6d5eaf works best as a secondary or accent color for UI elements like buttons, borders, or iconography rather than a primary background. Its desaturated nature prevents it from overwhelming layouts while maintaining enough visual presence to guide user attention effectively.
What colors pair well with the #6d5eaf violet?
This muted shade pairs effectively with off-white or soft gray backgrounds to keep designs readable. For stronger contrast, use it alongside a dark charcoal for text, which anchors the violet without creating harsh visual tension on the screen.
Is #6d5eaf readable on white or black?
#6d5eaf has a 5.42:1 contrast ratio on white and 3.87: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.