#5F52B2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Fairly saturated and cool, #5f52b2 sits firmly in violet territory with a balanced, regal presence. This hex code provides enough contrast for white text to pass WCAG AA accessibility standards for body copy. It functions best as an accent color for UI elements or branding, as it can overwhelm larger backgrounds. Try pairing it with warm, desaturated gold tones to soften its intensity.
Questions about #5f52b2
What is #5f52b2 in RGB, HSL and CMYK?
In RGB, #5f52b2 is rgb(95, 82, 178), in HSL hsl(248, 38%, 51%) and in CMYK 47%, 54%, 0%, 30%.
How can I effectively use #5f52b2 in user interface design?
#5f52b2 functions best as an accent color for call-to-action buttons or highlighted navigation elements rather than a primary background color. Its high saturation can overwhelm large spaces, so balance it with ample white space or pair it with gold for visual warmth.
Is #5f52b2 readable on white or black?
#5f52b2 has a 6.29:1 contrast ratio on white and 3.33: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.