#A7CCD3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, desaturated cyan carries a powdery, ashy quality that keeps it from looking too candy-like. Because it is highly readable, #a7ccd3 works well as a background color for UI design where soft contrast is needed. It pairs beautifully with charcoal grays or deep plums for a sophisticated, modern palette. The hex code for this delicate, airy shade is #a7ccd3.
Questions about #a7ccd3
What is #a7ccd3 in RGB, HSL and CMYK?
In RGB, #a7ccd3 is rgb(167, 204, 211), in HSL hsl(190, 33%, 74%) and in CMYK 21%, 3%, 0%, 17%.
Is #a7ccd3 suitable for text-heavy interface backgrounds?
Yes, #a7ccd3 is highly readable for UI backgrounds because it is desaturated and lacks the neon intensity found in standard cyans. It provides enough visual interest to replace plain gray without sacrificing the clarity needed for prolonged reading sessions.
Is #a7ccd3 readable on white or black?
#a7ccd3 has a 1.71:1 contrast ratio on white and 12.22: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.