#AFEDD4 Hex Color

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

Hex color #afedd4 graphic
This pale, minty teal is desaturated and airy, functioning best as a clean background rather than a focal point. Because it is so light, pair it with charcoal or deep navy text for maximum readability. The hex code #afedd4 works well in minimal UI designs where you need a subtle, refreshing pop of color that avoids being aggressive. It also serves as an unexpected neutral against deeper pink tones.

Questions about #afedd4

What is #afedd4 in RGB, HSL and CMYK?
In RGB, #afedd4 is rgb(175, 237, 212), in HSL hsl(156, 63%, 81%) and in CMYK 26%, 0%, 11%, 7%.
What colors pair well with #afedd4 in a professional layout?
Because #afedd4 is so light and desaturated, it requires strong, grounding contrast to remain legible. Pair it with deep charcoal or dark navy text to ensure readability, or use it alongside terracotta to create a sophisticated, balanced contrast.
Is #afedd4 considered a warm or cool color?
#afedd4 reads distinctly cool due to its strong green and blue undertones. It creates a crisp, refreshing atmosphere that can feel sterile if not balanced with warmer neutrals or soft, muted earth tones in your design system.
Is #afedd4 readable on white or black?
#afedd4 has a 1.32:1 contrast ratio on white and 15.88: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.