#5386C1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Not a vivid azure or a corporate navy, #5386c1 sits in between as a muted, grayed mid blue. Its low saturation keeps surfaces calm, so it works well as a UI background or large interface base. Pair it with charcoal type or warm terracotta accents for contrast. The hex code for this color is #5386c1.
Questions about #5386c1
What is #5386c1 in RGB, HSL and CMYK?
In RGB, #5386c1 is rgb(83, 134, 193), in HSL hsl(212, 47%, 54%) and in CMYK 57%, 31%, 0%, 24%.
What colors pair well with #5386c1?
It looks richer next to terracotta accents and holds its own against charcoal text. Avoid bright oranges, which overpower its muted tone.
Is #5386c1 readable on white or black?
#5386c1 has a 3.78:1 contrast ratio on white and 5.54: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.