#5228B2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, dark violet carries a serious and mysterious tone. It works best as a moody background or a primary brand color, though it can overwhelm a layout if used excessively. Pair #5228b2 with crisp white text to maintain high readability, as the contrast ratio is excellent. This hex code provides a sophisticated, somber anchor for creative digital designs and UI interfaces.
Questions about #5228b2
What is #5228b2 in RGB, HSL and CMYK?
In RGB, #5228b2 is rgb(82, 40, 178), in HSL hsl(258, 63%, 43%) and in CMYK 54%, 78%, 0%, 30%.
How should I use #5228b2 in a UI layout?
#5228b2 functions best as a high-impact primary brand color or a deep, moody background element in web interfaces. Because it is so saturated, reserve it for accents or bold headers to avoid overwhelming the user, and always pair it with clean white text for optimal readability.
What colors pair well with #5228b2?
This deep violet pairs effortlessly with crisp white or light, desaturated grays to maintain contrast and clarity. For a more sophisticated palette, try complementary accents like soft gold or pale, muted yellows, which balance the intense, mysterious nature of this violet hue.
Is #5228b2 readable on white or black?
#5228b2 has a 9.11:1 contrast ratio on white and 2.30: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.