#A6D5E6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, dusty cyan sits on the cooler end of the spectrum with a distinctly unsaturated, airy quality. Because it remains highly readable with dark text, the hex code #a6d5e6 works as an effective UI background for tech or children’s products. It pairs well with warm coral accents if you are learning how to make pink tones pop against a neutral base.
Questions about #a6d5e6
What is #a6d5e6 in RGB, HSL and CMYK?
In RGB, #a6d5e6 is rgb(166, 213, 230), in HSL hsl(196, 56%, 78%) and in CMYK 28%, 7%, 0%, 10%.
What colors pair well with #a6d5e6?
The cool, airy nature of #a6d5e6 looks best when balanced by warm, contrasting tones. Pair it with a muted coral or terracotta to add depth, or use charcoal for text to maintain high readability in user interface designs.
Is #a6d5e6 suitable for user interface design?
Yes, this shade is ideal for UI backgrounds because it provides a soft, non-distracting foundation that keeps dark text legible. It feels approachable and clean, serving as an effective choice for wellness apps, tech platforms, or children-focused content.
Is #a6d5e6 readable on white or black?
#a6d5e6 has a 1.58:1 contrast ratio on white and 13.28: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.