#2097D1 Hex Color

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

Hex color #2097d1 graphic
A steady mid-tone blue with a faint gray undertone. #2097d1 reads dependable rather than flashy, which suits finance, healthcare, and tech interfaces. It works best as a dominant base or UI primary, and pairs surprisingly well with warm coral accents. The hex code for this blue is #2097d1. Black text on it reaches about 6.4:1 contrast, clearing AA for body copy.

Questions about #2097d1

What is #2097d1 in RGB, HSL and CMYK?
In RGB, #2097d1 is rgb(32, 151, 209), in HSL hsl(200, 73%, 47%) and in CMYK 85%, 28%, 0%, 18%.
Can you put black text on #2097d1?
Yes. Black text on #2097d1 hits about 6.4:1 contrast, which passes WCAG AA for normal body text. White text falls short, so stick with dark type on this shade.
What colors pair well with #2097d1?
Warm accents like coral or soft sand give #2097d1 energy without clashing. For layered blue schemes, a deeper navy adds depth while this shade stays in the supporting role.
Is #2097d1 readable on white or black?
#2097d1 has a 3.27:1 contrast ratio on white and 6.40: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.