#AFEFFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This icy, pastel cyan feels airy and light due to its high lightness and low saturation. It serves as an effective background for minimalist UI design, especially when paired with strong black text for high readability. Because it is so pale, avoid using it for fine details on a white screen where it washes out. The hex code for this tone is #afefff.
Questions about #afefff
What is #afefff in RGB, HSL and CMYK?
In RGB, #afefff is rgb(175, 239, 255), in HSL hsl(192, 100%, 84%) and in CMYK 31%, 6%, 0%, 0%.
How can I use #afefff effectively in UI design?
#afefff works best as a large, airy background color rather than for fine details, which can wash out. To maintain accessibility and readability, pair it with high-contrast elements like charcoal or near-black text to ground the design.
What makes #afefff feel so cool and light?
This color sits at the intersection of high lightness and low saturation, which creates an ethereal, icy quality often associated with water or winter themes. Its strong blue undertones keep it feeling crisp and refreshing rather than warm or muted.
Is #afefff readable on white or black?
#afefff has a 1.26:1 contrast ratio on white and 16.61: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.