#A7C6C6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#a7c6c6 is a pale, ashy cyan with distinct grey undertones. Its desaturated quality makes it a versatile neutral for UI backgrounds where white feels too harsh. This color works best as a supporting tone, as it can appear washed out in large, open spaces. Pair it with charcoal or deep navy text for high readability and a clean, modern aesthetic.
Questions about #a7c6c6
What is #a7c6c6 in RGB, HSL and CMYK?
In RGB, #a7c6c6 is rgb(167, 198, 198), in HSL hsl(180, 21%, 72%) and in CMYK 16%, 0%, 0%, 22%. Browse more shades of gray with names and hex codes.
What colors pair best with #a7c6c6 in a design?
Because #a7c6c6 is a desaturated, pale tone, it pairs beautifully with high-contrast, dark neutrals like charcoal or deep navy to anchor the design. These dark text colors ensure excellent readability while maintaining a clean, modern, and sophisticated aesthetic.
Is #a7c6c6 suitable for primary background usage?
While #a7c6c6 functions well as a supporting background, it can appear washed out if used across large, open spaces without enough contrast. It is best used for card backgrounds, subtle UI elements, or inactive states rather than a primary landing page canvas.
Is #a7c6c6 readable on white or black?
#a7c6c6 has a 1.82:1 contrast ratio on white and 11.53: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.