#AFFCFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This luminous, unsaturated cyan is airy and lightweight, acting as a refreshing alternative to white for UI backgrounds. Because it is so pale, it provides high-contrast legibility for black text. Use hex code #affcff sparingly, as its intense lightness can wash out surrounding elements if used across large surfaces. Pair it with deep charcoal or navy to ground its coolness in professional tech layouts.
Questions about #affcff
What is #affcff in RGB, HSL and CMYK?
In RGB, #affcff is rgb(175, 252, 255), in HSL hsl(182, 100%, 84%) and in CMYK 31%, 1%, 0%, 0%.
How should #affcff be used in web design?
Because #affcff is extremely pale and luminous, it works best as a background color for UI elements where you need high contrast for black or dark charcoal text. Avoid using it for small text or fine details as its intense lightness can wash out legibility.
What colors pair best with #affcff?
Pair #affcff with deep, saturated colors like navy blue, charcoal gray, or forest green to ground its airy, lightweight quality. These strong dark tones provide a necessary visual anchor that keeps the bright, unsaturated cyan from feeling too sparse or floating on the page.
Is #affcff readable on white or black?
#affcff has a 1.15:1 contrast ratio on white and 18.19: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.