#177CC2 Hex Color

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

Hex color #177cc2 graphic
#177cc2 is a steady, unsaturated blue that leans cool without feeling icy. Its grounded tone makes it a reliable choice for corporate branding in finance or healthcare. Because it maintains strong contrast with black text, it works well as a primary interface color for navigation bars or action buttons. The hex code for this cool blue is #177cc2.

Questions about #177cc2

What is #177cc2 in RGB, HSL and CMYK?
In RGB, #177cc2 is rgb(23, 124, 194), in HSL hsl(205, 79%, 43%) and in CMYK 88%, 36%, 0%, 24%.
Does #177cc2 work well for text and UI elements?
#177cc2 provides excellent readability against white backgrounds, making it a strong choice for call-to-action buttons or primary navigation. Because it is a mid-tone blue, it strikes a balance between visibility and softness that prevents eye fatigue in dashboard designs.
What colors pair well with #177cc2 in a design system?
Pair #177cc2 with a crisp charcoal for high-contrast text or a soft slate to maintain a monochromatic, professional aesthetic. For a more vibrant approach, a warm coral or light amber accent creates a dynamic, high-energy complementary contrast.
Is #177cc2 readable on white or black?
#177cc2 has a 4.46:1 contrast ratio on white and 4.69: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.