#7AB5EA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, cool blue carries a fresh energy that works best as a background color for tech or healthcare interfaces. Because it maintains high contrast against black text, it is highly readable for UI design. The hex code for this shade is #7ab5ea. If you find the hue too bright, consider mixing gray into your palette to temper its saturation.
Questions about #7ab5ea
What is #7ab5ea in RGB, HSL and CMYK?
In RGB, #7ab5ea is rgb(122, 181, 234), in HSL hsl(208, 73%, 70%) and in CMYK 48%, 23%, 0%, 8%.
Why does #7ab5ea work well for UI interfaces?
The color #7ab5ea offers excellent readability when paired with standard black or dark grey text, making it a reliable choice for accessible software interfaces. Its unsaturated, calm profile reduces eye strain while maintaining a professional, clean aesthetic for tech-focused designs.
Which colors pair best with #7ab5ea?
This shade creates a balanced, modern palette when grounded by charcoal or deep neutral grays. For a more vibrant contrast, use it alongside warm, desaturated accents to prevent the blue from feeling too cold or sterile in your final design.
Is #7ab5ea readable on white or black?
#7ab5ea has a 2.18:1 contrast ratio on white and 9.62: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.