#525FFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High saturation makes #525fff a loud, brilliant choice for UI calls to action and modern brand accents. Its electric intensity demands attention, though it can overwhelm if used as a primary background. White text sits comfortably on this color, maintaining readable contrast for any digital interface. For softer, other shades of blue that balance this brightness, pair it with muted grays or cool, desaturated teals.
Questions about #525fff
What is #525fff in RGB, HSL and CMYK?
In RGB, #525fff is rgb(82, 95, 255), in HSL hsl(235, 100%, 66%) and in CMYK 68%, 63%, 0%, 0%.
How should I use #525fff in my UI design?
Use #525fff sparingly as an accent color for calls to action or primary buttons because its intense saturation can quickly overwhelm a layout. It creates excellent contrast against light backgrounds, ensuring your interface elements remain accessible and visually striking to users.
What colors pair well with the electric #525fff?
Pair #525fff with neutral tones like a cool slate gray or a soft white to balance its high energy. If you need a more daring scheme, it contrasts beautifully with a subtle warm coral or desaturated teals.
Is #525fff readable on white or black?
#525fff has a 4.73:1 contrast ratio on white and 4.43:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.