#5F86FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Reach for #5f86ff when a button or highlight needs attention without shouting in red. This vivid, cool blue feels bold yet dependable, which suits calls to action, links, and finance or tech branding. The hex code #5f86ff works best as an accent, since it can wash out on large white backgrounds. Black text on it hits about 6.3:1 contrast, clearing WCAG AA for body copy.
Questions about #5f86ff
What is #5f86ff in RGB, HSL and CMYK?
In RGB, #5f86ff is rgb(95, 134, 255), in HSL hsl(225, 100%, 69%) and in CMYK 63%, 47%, 0%, 0%. Browse more shades of blue with names and hex codes.
What colors pair well with #5f86ff?
Charcoal, warm sand, and deep plum tones flatter #5f86ff because they balance its brightness without competing with it. Pure white can make the blue look thin by comparison, so test pairings on darker neutrals too.
Is #5f86ff readable on white or black?
#5f86ff has a 3.31:1 contrast ratio on white and 6.34: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.