#5731D3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#5731d3 is a saturated, high-intensity purple that commands immediate attention. Because of its electric energy, this shade works best as a bold accent or a call to action rather than a background color, where it can easily overwhelm the eye. It pairs surprisingly well with muted teals or soft grays to ground its intensity. For other shades of purple, check the hex code #5731d3 against your palette.
Questions about #5731d3
What is #5731d3 in RGB, HSL and CMYK?
In RGB, #5731d3 is rgb(87, 49, 211), in HSL hsl(254, 65%, 51%) and in CMYK 59%, 77%, 0%, 17%.
How should I use the high-intensity #5731d3 in a design layout?
#5731d3 functions best as a focused accent rather than a dominant background color because its extreme saturation easily overwhelms the eye. Use this purple for high-impact elements like call to action buttons or specific interface notifications where you need immediate attention.
What colors pair well with #5731d3?
This vibrant purple balances beautifully when paired with muted, neutral tones that ground its energy. Try combining #5731d3 with a soft slate gray or a desaturated teal to create a sophisticated color palette that feels intentional and visually stable.
Is #5731d3 readable on white or black?
#5731d3 has a 7.53:1 contrast ratio on white and 2.78: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.