#1F70C6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#1f70c6 is a saturated, mid-tone blue that commands attention without feeling aggressive. Its high chroma makes it an excellent choice for primary buttons and call-to-action elements in tech interfaces. Because this shade maintains strong legibility against white backgrounds, you can use it for small, readable text. Pair it with soft grays to ground its intensity or use it as an accent within darker palettes.
Questions about #1f70c6
What is #1f70c6 in RGB, HSL and CMYK?
In RGB, #1f70c6 is rgb(31, 112, 198), in HSL hsl(211, 73%, 45%) and in CMYK 84%, 43%, 0%, 22%.
Why is #1f70c6 effective for web interface design?
#1f70c6 features high chroma that ensures buttons and primary actions stand out immediately against white or light backgrounds. Its mid-tone balance provides enough intensity to be bold while maintaining the legibility required for small text and icon details.
What colors pair best with #1f70c6?
Pair #1f70c6 with neutral light grays to ground its intensity or use it as a striking accent against dark charcoal for a modern, high-contrast tech aesthetic. It also complements clean, desaturated whites to ensure your primary calls to action remain the focal point.
Is #1f70c6 readable on white or black?
#1f70c6 has a 5.01:1 contrast ratio on white and 4.19: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.