#AFD4A4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, desaturated green feels clean and airy without leaning too heavy on yellow or blue. Because it has high lightness, black text stands out against #afd4a4 for excellent readability. It works best as a large background area or a supporting 60% base for organic, sustainable branding. Pair this hex code with dark charcoal for a modern, grounded contrast that keeps the overall palette from appearing too washed out.
Questions about #afd4a4
What is #afd4a4 in RGB, HSL and CMYK?
In RGB, #afd4a4 is rgb(175, 212, 164), in HSL hsl(106, 36%, 74%) and in CMYK 17%, 0%, 23%, 17%.
How should I pair #afd4a4 in a design layout?
This pale green works best as a large background or base color, allowing dark text to remain highly readable against its lightness. For a grounded look, pair it with charcoal or deep neutral tones to prevent the palette from feeling washed out.
Is #afd4a4 a warm or cool green?
The #afd4a4 color acts as a neutral green because it avoids leaning heavily toward distinct yellow or blue undertones. Its desaturated nature gives it a balanced, organic quality that feels refreshing without being overly vibrant or jarring for the viewer.
Is #afd4a4 readable on white or black?
#afd4a4 has a 1.64:1 contrast ratio on white and 12.77: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.