#AAFFFA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This luminous, high-chroma cyan sits on the lighter end of the spectrum with a distinctly cool, airy quality. Because #aafffa is so unsaturated and bright, it can wash out against white backgrounds. It works best as an accent color for UI elements or soft branding. Pair this hex code with dark charcoal or deep navy for excellent readability and contrast.
Questions about #aafffa
What is #aafffa in RGB, HSL and CMYK?
In RGB, #aafffa is rgb(170, 255, 250), in HSL hsl(176, 100%, 83%) and in CMYK 33%, 0%, 2%, 0%.
How should #aafffa be used in UI design?
Since #aafffa is very unsaturated and light, it often disappears against white backgrounds. Use it primarily as a vibrant accent color paired with strong, dark shades like charcoal or deep navy to ensure proper accessibility and text readability.
Is #aafffa a warm or cool color?
This color is distinctly cool, carrying the airy and fresh qualities characteristic of the cyan spectrum. Its high-chroma, luminous appearance makes it feel crisp, which is useful for tech-focused designs needing a clean, modern, and light aesthetic.
Is #aafffa readable on white or black?
#aafffa has a 1.14:1 contrast ratio on white and 18.39: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.