#5275F5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Call-to-action buttons and active nav states are where #5275f5 shines. This hex code gives a vivid, saturated blue with a cool cast, bright but not harsh at its mid lightness. Treat it as an accent in tech or finance UIs; across full backgrounds it reads loud. Black text hits about 5.2:1 contrast, passing AA for body copy. Warm neutrals balance its coolness, and what colors make gray helps you mix a fitting one.
Questions about #5275f5
What is #5275f5 in RGB, HSL and CMYK?
In RGB, #5275f5 is rgb(82, 117, 245), in HSL hsl(227, 89%, 64%) and in CMYK 67%, 52%, 0%, 4%.
What text color works on #5275f5?
Black text is the safest choice, reaching about 5.2:1 contrast against #5275f5, which clears WCAG AA for body text. White text falls short for small type at roughly 4:1, so save it for large, bold headings.
What colors pair well with #5275f5?
Warm sandy beige and soft peach flatter its cool cast, while deep navy anchors it in darker palettes. Skip pure cyan or bright red as neighbors, since they compete for the same attention.
Is #5275f5 readable on white or black?
#5275f5 has a 4.02:1 contrast ratio on white and 5.22: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.