#6822D8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#6822d8 is a high-intensity violet with a commanding, saturated presence. Because it sits on the edge of neon, it overwhelms backgrounds but shines as a focused accent or call-to-action button. Pair this shade with deep teals or muted grays to ground its aggressive energy. For accessible design, use white text on this hex code, as it provides a contrast ratio of 7.5:1.
Questions about #6822d8
What is #6822d8 in RGB, HSL and CMYK?
In RGB, #6822d8 is rgb(104, 34, 216), in HSL hsl(263, 73%, 49%) and in CMYK 52%, 84%, 0%, 15%.
When should I use #6822d8 in my interface design?
#6822d8 is best reserved for specific UI elements like call-to-action buttons or attention-grabbing icons where you need to stand out from a neutral layout. Because it is highly saturated, avoid using it as a large-scale primary background color to prevent user eye strain.
Is #6822d8 safe for text on light backgrounds?
White text on a background of #6822d8 is excellent for readability, offering a strong contrast ratio of 7.5:1 that meets modern accessibility standards. Avoid using standard black text, which will likely blur into the darkness of this violet shade and fail to provide necessary clarity.
Is #6822d8 readable on white or black?
#6822d8 has a 7.47:1 contrast ratio on white and 2.80: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.