#70A5F4 Hex Color

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

Select a Color

This bright, cool-toned pastel blue balances softness with professional reliability. Designers often use #70a5f4 for UI backgrounds in tech and finance applications to project trust. Black text maintains a high 8.4:1 contrast ratio on this hex code, ensuring readability for body copy. If you want to neutralize this vivid shade, understanding what colors make gray helps you build balanced, sophisticated palettes.

Questions about #70a5f4

What is #70a5f4 in RGB, HSL and CMYK?

In RGB, #70a5f4 is rgb(112, 165, 244), in HSL hsl(216, 86%, 70%) and in CMYK 54%, 32%, 0%, 4%.

What colors pair well with #70a5f4?

This vivid blue pairs beautifully with a deep charcoal to ground the design or a soft cream to keep the palette light and inviting. Its cool undertones allow it to function as a primary focus color without overwhelming the rest of your visual system.

Is #70a5f4 readable on white or black?

#70a5f4 has a 2.50:1 contrast ratio on white and 8.37: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.

#70A5F4 Hex Color

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

Questions about #70a5f4

Color tools

Resources