#6C54AC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted violet offers a cool, unsaturated presence without feeling aggressive. The hex code is #6c54ac. Designers often favor this shade for secondary UI elements, as it balances well against warm charcoal or slate grays. Because it provides a 6.0:1 contrast ratio with white text, it remains highly readable for both small body type and interface labels.
Questions about #6c54ac
What is #6c54ac in RGB, HSL and CMYK?
In RGB, #6c54ac is rgb(108, 84, 172), in HSL hsl(256, 35%, 50%) and in CMYK 37%, 51%, 0%, 33%. Browse more shades of purple with names and hex codes.
How should #6c54ac be utilized in user interface design?
The balanced saturation of #6c54ac makes it an excellent choice for secondary UI components like buttons, highlights, or link text. It maintains strong contrast against white backgrounds, ensuring that accessibility requirements are met while keeping the interface feeling grounded rather than aggressive.
What colors create a balanced palette with #6c54ac?
This muted violet pairs best with deep neutrals like charcoal or soft slate grays, which allow the purple to serve as a calming accent. For a bolder look, you can incorporate subtle warmth by pairing it with muted ochre tones.
Is #6c54ac readable on white or black?
#6c54ac has a 5.99:1 contrast ratio on white and 3.50: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.