#AFDEFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-contrast pastel blue carries a clean, airy quality that works well for UI backgrounds. Because it sits on the lighter end of the spectrum, #afdeff pairs effectively with charcoal grays or deep navies to ground its inherent lightness. Use this hex code sparingly as a primary interface color, as it can feel overwhelming if used across large, expansive surfaces without balanced, darker typography.
Questions about #afdeff
What is #afdeff in RGB, HSL and CMYK?
In RGB, #afdeff is rgb(175, 222, 255), in HSL hsl(205, 100%, 84%) and in CMYK 31%, 13%, 0%, 0%.
What colors pair best with #afdeff?
Is #afdeff suitable for web interface text?
This color is generally too light to serve as a readable text color against standard white backgrounds. It works effectively as a subtle background shade or decorative UI element, but always pair it with dark, high-contrast typography for accessibility compliance.
Is #afdeff readable on white or black?
#afdeff has a 1.42:1 contrast ratio on white and 14.71: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.