#5297FF Hex Color

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

Hex color #5297ff graphic
This saturated, high-intensity blue demands attention. Because of its raw brightness, #5297ff works best as a sharp accent rather than a full page background. It pairs exceptionally well with charcoal grays or deep navies to ground its energy. Designers often use this hex code for clear calls to action or UI highlights where readability and contrast are required. Black text is highly legible against this tone.

Questions about #5297ff

What is #5297ff in RGB, HSL and CMYK?
In RGB, #5297ff is rgb(82, 151, 255), in HSL hsl(216, 100%, 66%) and in CMYK 68%, 41%, 0%, 0%.
Where should I use #5297ff in a digital interface?
#5297ff works best as a focused accent or a call-to-action element because of its high intensity and raw brightness. It draws the eye immediately, making it ideal for buttons or notifications that require user attention against a neutral background.
What colors pair well with #5297ff for a professional look?
This blue pairs exceptionally well with charcoal or deep navy tones to ground its inherent energy and create balance. Using a dark neutral prevents the brightness of #5297ff from feeling overwhelming while maintaining a clean, modern aesthetic for your design.
Is #5297ff readable on white or black?
#5297ff has a 2.90:1 contrast ratio on white and 7.22:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.