#5363B2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, cool indigo provides a structured yet meditative presence. Because it maintains strong legibility against white text, #5363b2 works well as a background for clean, modern interfaces or organized branding. Avoid pairing it with bright, neon accents that might cheapen its serious tone. Instead, use it as a 60 percent base color to support soft cream or muted terra cotta for a grounded look.
Questions about #5363b2
What is #5363b2 in RGB, HSL and CMYK?
In RGB, #5363b2 is rgb(83, 99, 178), in HSL hsl(230, 38%, 51%) and in CMYK 53%, 44%, 0%, 30%.
How should I use #5363b2 in a user interface?
Use #5363b2 as a primary background color to anchor modern designs with a serious, grounded tone. It works effectively as a 60 percent base layer when contrasted against soft cream or muted terracotta accents for a professional, balanced appearance.
Why does #5363b2 work well for text-heavy layouts?
This indigo shade maintains strong legibility against white, which makes it ideal for background elements where readability is a priority. Its unsaturated nature ensures it does not strain the eyes, keeping the focus on your primary content.
Is #5363b2 readable on white or black?
#5363b2 has a 5.53:1 contrast ratio on white and 3.79: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.