#531FB4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, saturated violet commands attention without being overwhelming. Because #531fb4 is a dark, heavy shade, it functions best as a striking background color rather than a primary text color. It pairs surprisingly well with vibrant lime greens or warm gold accents for high-contrast palettes. Designers often rely on this hex code to anchor moody, tech-focused interfaces where a traditional black feels too flat or clinical.
Questions about #531fb4
What is #531fb4 in RGB, HSL and CMYK?
In RGB, #531fb4 is rgb(83, 31, 180), in HSL hsl(261, 71%, 41%) and in CMYK 54%, 83%, 0%, 29%.
How should I use #531fb4 in UI design?
#531fb4 functions best as a striking background or accent color rather than for body text. Because it is a heavy, dark shade, use it to anchor your design alongside lime or warm gold to create high-contrast, modern interface elements.
Does #531fb4 read as warm or cool?
#531fb4 is a distinctly cool violet that leans heavily into blue undertones, lacking the red warmth found in magenta or burgundy shades. This coolness makes it an excellent, non-clinical alternative to standard black in dark-mode user interfaces.
Is #531fb4 readable on white or black?
#531fb4 has a 9.44:1 contrast ratio on white and 2.22: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.