#7AB8DB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, cool blue carries a clean, airy quality that works well for UI backgrounds or corporate branding. Because it sits on the lighter side of the spectrum, it maintains excellent readability with high-contrast text. The hex code for this shade is #7ab8db. Designers often pair it with warm terracotta accents to ground its brightness and prevent it from appearing too washed out.
Questions about #7ab8db
What is #7ab8db in RGB, HSL and CMYK?
In RGB, #7ab8db is rgb(122, 184, 219), in HSL hsl(202, 57%, 67%) and in CMYK 44%, 16%, 0%, 14%. Browse more shades of blue with names and hex codes.
What colors pair well with #7ab8db?
Warm earth tones like terracotta or soft sandy browns ground #7ab8db effectively. These contrasting accents stop the blue from appearing too washed out or cold in digital interfaces, providing a balanced, sophisticated look for professional designs.
Is #7ab8db a good choice for interface backgrounds?
This shade maintains strong readability against dark text, making it a reliable choice for UI backgrounds. Because it sits on the lighter end of the spectrum, it creates a clean, professional appearance without overwhelming the user or sacrificing visual accessibility.
Is #7ab8db readable on white or black?
#7ab8db has a 2.16:1 contrast ratio on white and 9.70: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.