#5383F4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
With high chroma and intense saturation, #5383f4 functions best as a sharp 10% accent in UI designs rather than a dominant background. It pairs well with slate grays or crisp white to balance its intensity. Because black text remains legible against this tone, it is a practical choice for functional interface elements. The hex code for this blue is #5383f4.
Questions about #5383f4
What is #5383f4 in RGB, HSL and CMYK?
In RGB, #5383f4 is rgb(83, 131, 244), in HSL hsl(222, 88%, 64%) and in CMYK 66%, 46%, 0%, 4%.
Where should I use the #5383f4 blue in my UI design?
Use #5383f4 as a selective 10% accent color for interactive elements like buttons, toggle switches, or notification badges. Because it is highly saturated, it draws attention effectively without overwhelming the surrounding content or making the interface feel cluttered.
Is #5383f4 readable on white or black?
#5383f4 has a 3.54:1 contrast ratio on white and 5.92: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.