#2172C7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-energy blue commands attention without feeling aggressive. Because it maintains strong contrast, #2172c7 serves as an excellent choice for functional UI elements like call-to-action buttons or primary navigation. It pairs effectively with clean white text for optimal readability. Use this hex code sparingly as an accent to ground professional interfaces in finance or technology without overwhelming the user.
Questions about #2172c7
What is #2172c7 in RGB, HSL and CMYK?
In RGB, #2172c7 is rgb(33, 114, 199), in HSL hsl(211, 72%, 45%) and in CMYK 83%, 43%, 0%, 22%.
What colors pair best with #2172c7 for web design?
#2172c7 works effectively with clean white text to ensure maximum readability in navigation bars or buttons. For a balanced, professional palette, consider pairing this saturated blue with a neutral charcoal or a soft slate gray to ground the interface and prevent visual fatigue.
Is #2172c7 suitable for text on a white background?
While #2172c7 is vibrant, it can struggle to pass strict WCAG accessibility standards for smaller body text against pure white. It is best utilized as a primary accent for buttons, active link states, or iconography rather than dense paragraphs or fine details.
Is #2172c7 readable on white or black?
#2172c7 has a 4.88:1 contrast ratio on white and 4.29: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.