#70B4F4 Hex Color

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

Hex color #70b4f4 graphic
A bright, sky-inspired azure, #70b4f4 sits between pastel softness and vivid, cool saturation. Its high clarity works well for clean UI backgrounds or modern tech branding. Because it maintains strong contrast, you can safely pair it with black text for optimal readability. Use it as a dominant base color to keep designs feeling fresh, organized, and approachable.

Questions about #70b4f4

What is #70b4f4 in RGB, HSL and CMYK?
In RGB, #70b4f4 is rgb(112, 180, 244), in HSL hsl(209, 86%, 70%) and in CMYK 54%, 26%, 0%, 4%. Browse more shades of blue with names and hex codes.
What colors complement #70b4f4 in a design scheme?
This bright azure pairs naturally with navy for a balanced monochromatic look or charcoal for a sharp, high-contrast, modern tech aesthetic. You can also mix it with neutral whites or light grays to keep your layout feeling open and professional.
Is #70b4f4 readable on white or black?
#70b4f4 has a 2.20:1 contrast ratio on white and 9.52:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.