#6B3DAF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated violet carries a high-energy intensity, making it an excellent choice for bold accents or call-to-action buttons. While it creates a striking presence, avoid using #6b3daf as a primary background for dense text blocks to prevent eye fatigue. It pairs well with soft gold or cream for a refined balance. The hex code #6b3daf offers a 7.2:1 contrast ratio against white text, ensuring excellent accessibility.
Questions about #6b3daf
What is #6b3daf in RGB, HSL and CMYK?
In RGB, #6b3daf is rgb(107, 61, 175), in HSL hsl(264, 48%, 46%) and in CMYK 39%, 65%, 0%, 31%.
How should I use #6b3daf in a website design?
Use #6b3daf primarily as an accent color for interactive elements like buttons, icons, or notification badges to capture attention. Its high saturation makes it visually fatiguing for long paragraphs, so avoid using it for dense text blocks or primary backgrounds.
What colors pair well with #6b3daf for a balanced palette?
Pair #6b3daf with cream or soft gold tones to temper its intensity and create a sophisticated, accessible aesthetic. These neutral, warm undertones ground the vibrant violet, ensuring your interface remains readable and professional without losing its energetic character.
Is #6b3daf readable on white or black?
#6b3daf has a 7.21:1 contrast ratio on white and 2.91: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 is too faint for text. Try other pairs in the contrast checker.