#2F5DA3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#2f5da3 is a desaturated, somber blue that feels grounded and reliable. Because it sits in a mid-tone range, it works well as a stable background color for professional interfaces like finance or legal dashboards. White text pops clearly against this shade, ensuring easy readability. Pair this hex code with muted grays or creams to keep your design feeling serious rather than overly stark.
Questions about #2f5da3
What is #2f5da3 in RGB, HSL and CMYK?
In RGB, #2f5da3 is rgb(47, 93, 163), in HSL hsl(216, 55%, 41%) and in CMYK 71%, 43%, 0%, 36%.
What colors pair best with #2f5da3 for a professional look?
Pair #2f5da3 with muted grays or creams to keep your design feeling serious rather than overly stark. Using a soft warm gray allows this blue to stand out as a primary accent without becoming visually overwhelming.
Is #2f5da3 suitable for text-heavy interfaces?
Yes, #2f5da3 works well as a stable background color because white text pops clearly against this mid-tone blue. It offers enough saturation to feel intentional while remaining soft enough on the eyes for extended reading sessions.
Is #2f5da3 readable on white or black?
#2f5da3 has a 6.53:1 contrast ratio on white and 3.21: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.