#6B4BB3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated violet carries a high-intensity, electric personality that commands attention. Because it is so bold, #6b4bb3 works best as a punchy accent rather than a large-scale background color. Pair this hex code with soft, desaturated teals or crisp creams to ground its energy. It maintains readable contrast with white text, making it a reliable choice for buttons or UI highlights in tech-forward designs.
Questions about #6b4bb3
What is #6b4bb3 in RGB, HSL and CMYK?
In RGB, #6b4bb3 is rgb(107, 75, 179), in HSL hsl(258, 41%, 50%) and in CMYK 40%, 58%, 0%, 30%.
What colors pair best with #6b4bb3?
How should I use #6b4bb3 in UI design?
Reserve #6b4bb3 for buttons, icons, or important UI highlights rather than large backgrounds. It maintains excellent readability against white text, making it a powerful tool for drawing attention to specific interactive elements without overwhelming the user interface.
Is #6b4bb3 readable on white or black?
#6b4bb3 has a 6.39:1 contrast ratio on white and 3.28: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.