#5372E2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold blue sits in the mid-range of saturation, making it sharp enough for UI highlights and call-to-action buttons. It carries enough contrast for readable black text, so consider it for functional layouts where clarity matters. Pair #5372e2 with soft creams or stark whites to keep your design anchored. This hex code works best as a strong accent rather than a full page background.
Questions about #5372e2
What is #5372e2 in RGB, HSL and CMYK?
In RGB, #5372e2 is rgb(83, 114, 226), in HSL hsl(227, 71%, 61%) and in CMYK 63%, 50%, 0%, 11%.
How should I use #5372e2 in my website design?
This blue works best as a strong accent color for call-to-action buttons or UI highlights rather than a background. Pair it with soft creams or stark whites to ensure the interface remains clean and readable without overwhelming the user.
What colors work best with #5372e2?
Because this is a high-saturation blue, it balances well with neutral tones like light gray or cream for a modern, professional aesthetic. Avoid pairing it with other intense primary colors to maintain necessary visual hierarchy and contrast in your designs.
Is #5372e2 readable on white or black?
#5372e2 has a 4.30:1 contrast ratio on white and 4.87: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.