#6D3A9D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, bold violet commands immediate attention. While #6d3a9d is striking, it can easily overpower a layout, so it functions best as a 10% accent rather than a primary background. It pairs exceptionally well with muted gold tones to balance its intensity. Because white text maintains a strong 7.7:1 contrast ratio against this shade, use it for UI highlights and calls to action where readability is necessary.
Questions about #6d3a9d
What is #6d3a9d in RGB, HSL and CMYK?
In RGB, #6d3a9d is rgb(109, 58, 157), in HSL hsl(271, 46%, 42%) and in CMYK 31%, 63%, 0%, 38%.
How can I effectively incorporate #6d3a9d into a website interface?
Use #6d3a9d strictly as a 10% accent color for calls to action or UI highlights because its intense saturation can quickly overwhelm a layout. It retains high readability against white text, making it ideal for buttons or clickable elements that need visual priority.
What colors complement the intensity of #6d3a9d?
To balance the boldness of #6d3a9d, pair it with muted gold tones or soft, desaturated neutrals. These combinations ground the violet, preventing it from clashing while allowing its vibrancy to function as a focal point within your overall design scheme.
Is #6d3a9d readable on white or black?
#6d3a9d has a 7.65:1 contrast ratio on white and 2.74: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.