#5F7CB9 Hex Color

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

Hex color #5f7cb9 graphic
This dusty, unsaturated blue lands in a professional middle ground between navy and sky. Because #5f7cb9 feels restrained and controlled, it works well as a grounding background for clean, corporate UI. Black text remains readable against it, maintaining necessary contrast for small body type. Pair this cool, matte tone with warm creams or soft grays to prevent the color from feeling too cold or washed out.

Questions about #5f7cb9

What is #5f7cb9 in RGB, HSL and CMYK?
In RGB, #5f7cb9 is rgb(95, 124, 185), in HSL hsl(221, 39%, 55%) and in CMYK 49%, 33%, 0%, 27%.
How does #5f7cb9 perform for UI design?
#5f7cb9 acts as a highly stable, professional backdrop because it sits comfortably between navy and sky blue without overwhelming the viewer. Its controlled saturation ensures that black or dark text remains legible, making it an excellent choice for corporate dashboard layouts.
What colors pair best with #5f7cb9?
To balance the cool, matte nature of #5f7cb9, incorporate warm neutral tones like cream or soft charcoal. These pairings introduce necessary warmth that prevents the blue from appearing too cold or clinical while maintaining a sophisticated, modern contrast.
Is #5f7cb9 readable on white or black?
#5f7cb9 has a 4.14:1 contrast ratio on white and 5.07: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.