#517BEA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, electric blue demands attention in any interface. The hex code #517bea functions best as a high-impact accent, such as for buttons or active state highlights, rather than a full-page background. Because black text maintains a strong 5.4:1 contrast ratio against it, this shade works well for clear, legible typography. Pair it with neutral grays to balance the intensity.
Questions about #517bea
What is #517bea in RGB, HSL and CMYK?
In RGB, #517bea is rgb(81, 123, 234), in HSL hsl(224, 78%, 62%) and in CMYK 65%, 47%, 0%, 8%.
Where should I use #517bea in a UI design?
#517bea functions best as a high-impact accent color for interactive elements like primary buttons, toggle switches, or active navigation states. Avoid using it for large background blocks, as its high saturation can quickly overwhelm the viewer when applied to expansive, flat surfaces.
What colors pair well with #517bea for a balanced palette?
This electric blue performs best when anchored by neutral tones like charcoal or soft silver grays. These neutrals allow the intensity of #517bea to stand out as a focal point without causing visual fatigue or clashing with secondary brand colors.
Is #517bea readable on white or black?
#517bea has a 3.90:1 contrast ratio on white and 5.37: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.