#216B99 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated, mid-tone blue carries a stable, professional weight that feels grounded rather than playful. Because of its reliable character, #216b99 functions best as a dominant base for corporate branding or UI design. It pairs effectively with crisp white text, meeting WCAG standards for readability. Avoid using it alongside other muted tones, as it needs sharp contrast to prevent looking washed out.
Questions about #216b99
What is #216b99 in RGB, HSL and CMYK?
In RGB, #216b99 is rgb(33, 107, 153), in HSL hsl(203, 65%, 36%) and in CMYK 78%, 30%, 0%, 40%.
How should I pair #216b99 in a UI design?
#216b99 works best as a primary action color when paired with crisp white text to ensure readability. Because it is desaturated, avoid placing it near other muted tones which can make the design appear washed out and flat.
Is #216b99 suitable for corporate branding?
Yes, #216b99 is an excellent choice for professional projects because it conveys stability and trust rather than playful energy. It serves well as a reliable base color that communicates consistency without distracting from your core message or content.
Is #216b99 readable on white or black?
#216b99 has a 5.78:1 contrast ratio on white and 3.62: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.