#ABC7EC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue has a distinctively cool, airy quality. Because it is highly legible with black text, #abc7ec functions perfectly as a soft UI background for tech or healthcare projects. Use this hex code as a base, but keep in mind that its muted tone can wash out against pure white. It pairs well with darker charcoals or slate greys for a structured, professional look.
Questions about #abc7ec
What is #abc7ec in RGB, HSL and CMYK?
In RGB, #abc7ec is rgb(171, 199, 236), in HSL hsl(214, 63%, 80%) and in CMYK 28%, 16%, 0%, 7%.
What is the best way to use #abc7ec in UI design?
Use #abc7ec as a soft, neutral background for interfaces requiring a calming, professional atmosphere. It maintains high legibility with dark text, particularly when paired with charcoal or deep slate, ensuring accessibility while avoiding the harshness of a pure white canvas.
Does #abc7ec pair well with other colors?
This shade excels when paired with darker, grounded tones like slate or deep navy to create structural contrast. Because it is highly desaturated, avoid pairing it with overly vibrant, neon colors, as they will clash with its soft, airy, and professional demeanor.
Is #abc7ec readable on white or black?
#abc7ec has a 1.73:1 contrast ratio on white and 12.11: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.