#2F5B9F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#2f5b9f is a reserved, muted blue that leans heavily into serious and professional applications. Because of its desaturated, cool character, it works well as a stable background for finance or tech dashboards. It maintains excellent readability with white text, offering a solid 6.7:1 contrast ratio. Use this hex code as a secondary color to ground your palette rather than as a bright, dominant accent.
Questions about #2f5b9f
What is #2f5b9f in RGB, HSL and CMYK?
In RGB, #2f5b9f is rgb(47, 91, 159), in HSL hsl(216, 54%, 40%) and in CMYK 70%, 43%, 0%, 38%.
Where should I use #2f5b9f in a user interface?
Because #2f5b9f is a reserved, desaturated blue, it works perfectly as a secondary background or a structural element in technical dashboards. It provides a calm visual anchor that does not compete with your primary calls to action.
What colors pair well with #2f5b9f?
This blue pairs naturally with crisp white text to ensure readability, or you can create contrast by using a warm accent like terracotta for buttons. It also holds its own alongside neutral charcoal or soft silver grays.
Is #2f5b9f readable on white or black?
#2f5b9f has a 6.73:1 contrast ratio on white and 3.11: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.