#822DD5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This highly saturated violet commands attention with intense, energetic warmth. Because it is so vivid, #822dd5 works best as a sharp accent rather than a background color. It creates strong contrast against white text, making it a bold choice for modern calls to action or UI highlights. Designers often pair this hex code with muted grays to balance its loud, electrifying presence.
Questions about #822dd5
What is #822dd5 in RGB, HSL and CMYK?
In RGB, #822dd5 is rgb(130, 45, 213), in HSL hsl(270, 67%, 51%) and in CMYK 39%, 79%, 0%, 16%.
How can I effectively use #822dd5 in UI design?
Because #822dd5 is highly saturated and intense, it functions best as a sharp accent rather than a primary background color. Use it sparingly for call-to-action buttons or interface highlights where you need immediate visual focus against neutral backgrounds.
What colors pair well with #822dd5?
To ground the intensity of #822dd5, pair it with muted charcoal or soft off-whites to balance its electrifying presence. These neutral choices allow the violet to pop without overwhelming the layout or making text difficult to read.
Is #822dd5 readable on white or black?
#822dd5 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.