#5223BE Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #5223be graphic
This saturated violet carries a cool, electric intensity that creates an immediate mood of mystery. Because #5223be holds significant depth, it functions best as a bold background for white text or as a striking accent against muted grays. This hex code provides enough contrast for readable typography, though it can overwhelm more delicate design elements if used without balance.

Questions about #5223be

What is #5223be in RGB, HSL and CMYK?
In RGB, #5223be is rgb(82, 35, 190), in HSL hsl(258, 69%, 44%) and in CMYK 57%, 82%, 0%, 25%.
Does #5223be work well for website text?
Using #5223be for body text is generally discouraged because its low luminance makes it difficult to read against most backgrounds. It functions much more effectively as a high-impact background color for white text or as a strong, saturated accent for buttons and UI elements.
What colors pair well with #5223be?
To balance the intensity of #5223be, pair it with neutral tones like light gray or cream to keep the design readable. For a more vibrant palette, it works surprisingly well when contrasted against mustard yellow or soft mint green accents.
Is #5223be readable on white or black?
#5223be has a 8.96:1 contrast ratio on white and 2.34: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.