#6E20CD Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #6e20cd graphic
#6e20cd is a saturated, intense violet with high chroma that demands attention. Because it is so dominant, this hue works best as a punchy accent rather than a background color. Pair it with soft, muted grays to keep your design balanced. It provides excellent accessibility for white text with a contrast ratio of 7.6:1, making it a reliable choice for buttons or headers.

Questions about #6e20cd

What is #6e20cd in RGB, HSL and CMYK?
In RGB, #6e20cd is rgb(110, 32, 205), in HSL hsl(267, 73%, 46%) and in CMYK 46%, 84%, 0%, 20%.
How should I use #6e20cd in UI design?
Because #6e20cd is highly saturated and dominant, it works best as a punchy accent color rather than a background. Use it for call-to-action buttons or headers where you need to draw immediate attention while maintaining a high contrast ratio against white text.
What colors balance the intensity of #6e20cd?
Pair #6e20cd with soft, muted neutrals to keep your design composition balanced. A warm charcoal or light silver-gray helps ground the intense chroma, preventing the violet from overwhelming other elements in your layout.
Is #6e20cd readable on white or black?
#6e20cd has a 7.63:1 contrast ratio on white and 2.75: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.