#6821DE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This electric, highly saturated violet demands attention immediately. Because of its intense chroma, #6821de can overwhelm a layout if used for large backgrounds. It works best as an accent color or a high-impact call to action button. White text provides excellent 7.3:1 contrast against this shade, making it a functional, readable choice for UI highlights that need to pop against dark mode designs.
Questions about #6821de
What is #6821de in RGB, HSL and CMYK?
In RGB, #6821de is rgb(104, 33, 222), in HSL hsl(263, 74%, 50%) and in CMYK 53%, 85%, 0%, 13%.
How should I use #6821de in a UI design?
#6821de works best as a high-impact accent color for call-to-action buttons or interactive UI elements. Because of its intense chroma, avoid using it for large backgrounds, as it can overwhelm the layout and tire the user's eyes.
Is #6821de readable on white or black?
#6821de has a 7.34:1 contrast ratio on white and 2.86: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.