#5C81FF Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #5c81ff graphic
High-intensity and saturated, #5c81ff commands immediate attention. This electric shade works best as an accent or call-to-action button, as it can overwhelm larger backgrounds. Because it maintains high contrast, black text remains readable against this bold hue. Pair it with soft, desaturated grays to keep the composition balanced. Designers favor the hex code #5c81ff for tech interfaces and branding that requires a modern, energetic feel.

Questions about #5c81ff

What is #5c81ff in RGB, HSL and CMYK?
In RGB, #5c81ff is rgb(92, 129, 255), in HSL hsl(226, 100%, 68%) and in CMYK 64%, 49%, 0%, 0%.
What color schemes work well with #5c81ff?
High-contrast compositions benefit from pairing #5c81ff with charcoal or deep slate grays to ground its intensity. For a balanced, vibrant interface, use clean whites or light grays, which allow the electric blue to pop without overwhelming the layout.
Is #5c81ff readable on white or black?
#5c81ff has a 3.47:1 contrast ratio on white and 6.03: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.