#A4DAA6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
With its clean and unsaturated character, #a4daa6 functions as an airy, legible background for user interfaces. This light green maintains strong contrast with black text, making it highly readable for small body copy. Use it as a dominant base, but anchor the design with deeper pink tones or dark neutrals to avoid a washed-out finish. The hex code for this color is #a4daa6.
Questions about #a4daa6
What is #a4daa6 in RGB, HSL and CMYK?
In RGB, #a4daa6 is rgb(164, 218, 166), in HSL hsl(122, 42%, 75%) and in CMYK 25%, 0%, 24%, 15%.
What colors pair well with #a4daa6?
Because #a4daa6 is quite airy and muted, it works best when anchored by charcoal for text or terracotta for accent pieces. These deeper tones prevent the overall design from feeling too washed out.
Is #a4daa6 suitable for body text?
While #a4daa6 is excellent for backgrounds and UI elements, it is generally too light for body text if you need to meet standard WCAG accessibility ratios. Pair this light green with high-contrast, dark-colored text for the best legibility.
Is #a4daa6 readable on white or black?
#a4daa6 has a 1.59:1 contrast ratio on white and 13.15: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.