#5122D3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-intensity and saturated, #5122d3 functions best as a bold accent or call-to-action button rather than a primary background. Its deep, violet-heavy tone commands attention while maintaining a serious edge. Because white text creates excellent 8.3:1 contrast against this shade, it pairs well with clean typography. For projects needing deeper blue tones, the hex code #5122d3 brings necessary energy and visual weight.
Questions about #5122d3
What is #5122d3 in RGB, HSL and CMYK?
In RGB, #5122d3 is rgb(81, 34, 211), in HSL hsl(256, 72%, 48%) and in CMYK 62%, 84%, 0%, 17%. Browse more shades of purple with names and hex codes.
Why does #5122d3 work well for UI elements?
#5122d3 provides a high-intensity violet tone that naturally commands user attention, making it an excellent choice for primary action buttons. Its high contrast ratio ensures that white text remains legible, maintaining both style and critical accessibility standards for web interfaces.
What colors balance the intensity of #5122d3?
To soften the bold nature of #5122d3, pair it with neutral tones like soft slate or clean whites to prevent visual overwhelm. If you need a more dynamic look, vibrant lime creates a striking complementary contrast that feels modern and energetic.
Is #5122d3 readable on white or black?
#5122d3 has a 8.33:1 contrast ratio on white and 2.51: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.