#AAFADD Hex Color
A luminous and airy unsaturated teal
This luminous, unsaturated teal feels airy and clean. With a high light value, #aafadd provides an excellent, readable base for dark text in UI design. Because it lacks intensity, it works best as a soft background or a secondary accent rather than a dominant color. Pair this hex code with warm terracotta or dark charcoal to ground its cool, refreshing nature.
Questions about #aafadd
What is #aafadd in RGB, HSL and CMYK?
In RGB, #aafadd is rgb(170, 250, 221), in HSL hsl(158, 89%, 82%) and in CMYK 32%, 0%, 12%, 2%.
What colors pair best with #aafadd?
Because #aafadd has a cool, airy character, it pairs beautifully with warm earth tones like terracotta or deep neutrals like charcoal. These high-contrast pairings ground the color, preventing it from appearing too washed out on screen displays.
How should #aafadd be used in user interface design?
This hex color works best as a soft, spacious background or a subtle accent element rather than a dominant primary color. Its high luminosity ensures excellent readability when paired with dark, high-contrast text, making it ideal for calm, minimalist web layouts.
Is #aafadd readable on white or black?
#aafadd has a 1.20:1 contrast ratio on white and 17.42: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.