#216DA8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A steady, workhorse blue with gray undertones. #216da8 reads dependable rather than flashy, which suits finance, healthcare, and government branding. Its hex code is dark enough to carry white text at about 5.5:1 contrast, so it holds up behind buttons and body copy. Warm accents like coral keep it from feeling stiff.
Questions about #216da8
What is #216da8 in RGB, HSL and CMYK?
In RGB, #216da8 is rgb(33, 109, 168), in HSL hsl(206, 67%, 39%) and in CMYK 80%, 35%, 0%, 34%. Browse more shades of blue with names and hex codes.
Does white text work on #216da8?
Yes. White text on #216da8 reaches about 5.5:1 contrast, which clears WCAG AA for body text. It works well for buttons, links, and nav bars.
What colors pair well with #216da8?
Warm accents like coral or terracotta keep #216da8 from feeling corporate. For a quieter palette, pair it with cream backgrounds and charcoal text.
Is #216da8 readable on white or black?
#216da8 has a 5.50:1 contrast ratio on white and 3.81: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.