#70B8E3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This airy blue sits in the mid-range of lightness, offering a clean, unsaturated look that works well for UI backgrounds and tech branding. Because it provides high contrast with black text, it is a practical choice for readable body content. When balancing your palette, this color pairs effectively with warm neutrals or deep charcoal. If you need to understand how to mix grays to build a cohesive scheme, the hex code for this blue is #70b8e3.
Questions about #70b8e3
What is #70b8e3 in RGB, HSL and CMYK?
In RGB, #70b8e3 is rgb(112, 184, 227), in HSL hsl(202, 67%, 66%) and in CMYK 51%, 19%, 0%, 11%. Browse more shades of blue with names and hex codes.
What colors pair best with #70b8e3 in a design system?
#70b8e3 creates a balanced, professional look when paired with charcoal for high-contrast text or warm, sandy neutrals for a softer feel. Avoid pairing it with intense neon greens, which can cause visual vibration and readability issues on digital screens.
Is #70b8e3 readable on white or black?
#70b8e3 has a 2.17:1 contrast ratio on white and 9.65: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.