#2173B6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, mid-tone blue carries a stable and professional weight, making it a standard choice for corporate UI, finance, and security applications. Because white text maintains an accessible 5.0:1 contrast ratio against it, #2173b6 works well for primary buttons or navigation bars. Use it as a dominant brand color to convey reliability without appearing too dark or moody. The hex code for this shade is #2173b6.
Questions about #2173b6
What is #2173b6 in RGB, HSL and CMYK?
In RGB, #2173b6 is rgb(33, 115, 182), in HSL hsl(207, 69%, 42%) and in CMYK 82%, 37%, 0%, 29%.
What colors work well with #2173b6?
This mid-tone blue pairs effectively with neutral grays or a crisp off-white to maintain professional clarity in web layouts. For an energetic contrast, try pairing it with a vibrant orange to create high-impact call-to-action elements.
Is #2173b6 readable on white or black?
#2173b6 has a 5.00:1 contrast ratio on white and 4.19: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.