#5384ED Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, saturated blue commands immediate attention. Because of its intensity, #5384ed works best as a punchy accent color or a primary call-to-action button rather than a large background. It pairs exceptionally well with charcoal grays and off-whites to ground its high energy. With a strong contrast ratio, it remains readable for text, though it excels as a highlight in tech and finance interfaces. The hex code is #5384ed.
Questions about #5384ed
What is #5384ed in RGB, HSL and CMYK?
In RGB, #5384ed is rgb(83, 132, 237), in HSL hsl(221, 81%, 63%) and in CMYK 65%, 44%, 0%, 7%.
What is the best way to use #5384ed in UI design?
#5384ed functions best as a high-contrast accent color for buttons or primary navigation elements in tech interfaces. Because of its saturated intensity, avoid using it as a large background color, as it can overwhelm the user experience and tire the eyes quickly.
Which colors pair well with #5384ed?
This vibrant blue pairs effectively with charcoal or deep slate grays to ground its high energy and improve readability. You can also create a balanced, clean look by utilizing crisp off-whites, which allow the intensity of the blue to pop without feeling cluttered.
Is #5384ed readable on white or black?
#5384ed has a 3.56:1 contrast ratio on white and 5.89:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.