#A2CCBF Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #a2ccbf graphic
This pale, desaturated teal leans heavily into its gray undertones, creating an airy and clinical aesthetic. Because #a2ccbf is quite light, it works best as a soft background or a supporting accent rather than a dominant primary color. Pair it with charcoal or deep navy for necessary contrast. Since black text provides excellent readability against this hex code, it functions well for minimalist UI design and healthcare interfaces.

Questions about #a2ccbf

What is #a2ccbf in RGB, HSL and CMYK?
In RGB, #a2ccbf is rgb(162, 204, 191), in HSL hsl(161, 29%, 72%) and in CMYK 21%, 0%, 6%, 20%.
What colors pair well with #a2ccbf?
#a2ccbf creates a balanced, professional look when paired with deep charcoal or dark navy tones. These high-contrast combinations ensure that text remains readable against the light, airy background while keeping the overall aesthetic calm and restrained.
Is #a2ccbf readable on white or black?
#a2ccbf has a 1.76:1 contrast ratio on white and 11.92: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.