#70A9D4 Hex Color

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

Hex color #70a9d4 graphic
This pastel, unsaturated blue feels approachable and steady. With an 8.3:1 contrast ratio against black text, it is an excellent choice for UI body text or clean, functional backgrounds. The hex code for this cool shade is #70a9d4. It anchors professional designs in finance or healthcare without feeling clinical, making it a reliable base for user-facing applications.

Questions about #70a9d4

What is #70a9d4 in RGB, HSL and CMYK?
In RGB, #70a9d4 is rgb(112, 169, 212), in HSL hsl(206, 54%, 64%) and in CMYK 47%, 20%, 0%, 17%.
Why is #70a9d4 a strong choice for UI body text?
#70a9d4 maintains an 8.3:1 contrast ratio against black, ensuring high readability while offering a softer, more modern alternative to standard dark grays or deep blues. This balance makes it reliable for professional applications needing clarity without clinical harshness.
What colors pair well with #70a9d4 in professional designs?
Pair #70a9d4 with charcoal for high-contrast, professional text or use it alongside soft whites to create a clean, airy aesthetic. It also complements warm, desaturated neutrals like sand or taupe to ground the design and add warmth.
Is #70a9d4 readable on white or black?
#70a9d4 has a 2.52:1 contrast ratio on white and 8.31: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.