#5F99FF Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #5f99ff graphic
#5f99ff is a saturated, mid-tone blue that demands attention without overwhelming the viewer. This bright shade works best as a primary accent or call-to-action button, as it carries too much energy for large background areas. It provides excellent contrast for black text, ensuring readability. Pair this hex code with dark charcoal or soft grays for a balanced, modern look in UI design.

Questions about #5f99ff

What is #5f99ff in RGB, HSL and CMYK?
In RGB, #5f99ff is rgb(95, 153, 255), in HSL hsl(218, 100%, 69%) and in CMYK 63%, 40%, 0%, 0%.
How can I use #5f99ff effectively in web design?
#5f99ff works best as a primary accent color for call-to-action buttons because it naturally draws attention without overwhelming the viewer. You can create a balanced and modern interface by pairing this bright blue with dark charcoal or soft grays to maintain readability.
Is #5f99ff readable on white or black?
#5f99ff has a 2.80:1 contrast ratio on white and 7.48:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.