#6228D7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-octane violet carries serious intensity and saturation. Because it demands attention, #6228d7 works best as a punchy accent rather than a dominant background color. It creates strong contrast against white text, making it a reliable choice for buttons or notification badges. Pair this hex code with muted grays or charcoals to ground its electric energy without overwhelming the viewer.
Questions about #6228d7
What is #6228d7 in RGB, HSL and CMYK?
In RGB, #6228d7 is rgb(98, 40, 215), in HSL hsl(260, 69%, 50%) and in CMYK 54%, 81%, 0%, 16%.
How should I use #6228d7 in web design?
#6228d7 functions best as a high-impact accent color rather than a dominant background tone. Because of its extreme saturation, it creates excellent visual hierarchy for buttons, notification badges, or call-to-action elements when placed against neutral or white backgrounds.
What colors pair well with #6228d7?
To ground the intense energy of #6228d7, pair it with desaturated neutrals like charcoal or cool grays. These darker, muted shades prevent the violet from overwhelming the design while maintaining a sharp, modern contrast for readability.
Is #6228d7 readable on white or black?
#6228d7 has a 7.48: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.