#5F81E8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, mid-tone blue commands attention without feeling aggressive. Because it maintains high clarity, #5f81e8 functions best as a UI accent or a call to action button rather than a background. Pair it with dark grays or charcoal to maximize the contrast and maintain professional readability. With a solid 5.8:1 contrast ratio against black, the hex code #5f81e8 works well for accessible, legible text.
Questions about #5f81e8
What is #5f81e8 in RGB, HSL and CMYK?
In RGB, #5f81e8 is rgb(95, 129, 232), in HSL hsl(225, 75%, 64%) and in CMYK 59%, 44%, 0%, 9%.
What colors pair well with #5f81e8?
Pair #5f81e8 with charcoal or deep slate grays to create a clean, modern contrast that keeps text readable. Because this blue is quite saturated, neutral backgrounds allow the color to function as a high-visibility accent without clashing or becoming visually tiring.
Is #5f81e8 readable on white or black?
#5f81e8 has a 3.62:1 contrast ratio on white and 5.79: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.