#AAFFF0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This luminous teal sits high on the lightness scale with significant saturation. Because it is so bright, #aafff0 often fades against white backgrounds, making it more effective as a UI accent than a primary base. It provides exceptional contrast for black text, ensuring readability for small typefaces. The hex code for this airy, refreshing shade is #aafff0.
Questions about #aafff0
What is #aafff0 in RGB, HSL and CMYK?
In RGB, #aafff0 is rgb(170, 255, 240), in HSL hsl(169, 100%, 83%) and in CMYK 33%, 0%, 6%, 0%.
Does #aafff0 work well as a background color?
#aafff0 is extremely light and highly saturated, making it difficult to read white text against it. It performs significantly better as an interactive UI accent or a thin border rather than a main background base for long-form content.
What colors pair best with the #aafff0 hex color?
Pair #aafff0 with charcoal or deep navy tones to anchor its extreme brightness and maintain readability. Because #aafff0 is so airy, it needs these dark, grounding colors to prevent the design from feeling washed out or visually unstable.
Is #aafff0 readable on white or black?
#aafff0 has a 1.14:1 contrast ratio on white and 18.27: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.