#AAFFF5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This luminous, high-key teal offers a refreshing, clinical clarity ideal for wellness and healthcare branding. Because it is so light and unsaturated, #aafff5 works best as a supporting accent or a soft UI background rather than for large blocks of text. Pair it with charcoal gray or deep navy to ground its airy quality. Black text maintains high readability against this hex code.
Questions about #aafff5
What is #aafff5 in RGB, HSL and CMYK?
In RGB, #aafff5 is rgb(170, 255, 245), in HSL hsl(173, 100%, 83%) and in CMYK 33%, 0%, 4%, 0%.
Where should I use #aafff5 in web design?
#aafff5 is best suited for subtle UI accents, such as hover states, icon highlights, or background highlights, rather than large text blocks. Due to its extreme lightness, it lacks the necessary contrast to serve as primary text and must be grounded by dark elements.
Is #aafff5 readable on white or black?
#aafff5 has a 1.14:1 contrast ratio on white and 18.33: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.