#5271FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-intensity blue grabs attention immediately, making it a powerful choice for call-to-action buttons or interface highlights. Because it is so bright, avoid using it as a dominant background color, where it can easily overwhelm the eye. Instead, pair this shade with deep charcoal grays to create a clean, modern contrast. The hex code for this blue is #5271ff.
Questions about #5271ff
What is #5271ff in RGB, HSL and CMYK?
In RGB, #5271ff is rgb(82, 113, 255), in HSL hsl(229, 100%, 66%) and in CMYK 68%, 56%, 0%, 0%.
What colors pair best with #5271ff?
Pair #5271ff with deep charcoal to create a clean, modern contrast that balances the color's high intensity. Using neutral grays prevents this vibrant blue from feeling too chaotic when used in complex web layouts or dashboard designs.
Is #5271ff suitable for text on a white background?
Because #5271ff is a highly saturated blue, it often fails accessibility standards when used as body text on light backgrounds. Use it primarily for active buttons or decorative highlights where you can control the contrast ratio against surrounding elements.
Is #5271ff readable on white or black?
#5271ff has a 4.06:1 contrast ratio on white and 5.16: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.