#AFDEF2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pastel cyan is an exceptionally light, unsaturated shade that feels airy and cool. Because it maintains high contrast against black, the hex code #afdef2 performs well as a clean background for interface text or UI elements. It lacks intensity, so pair it with darker slate grays or charcoal tones to prevent the palette from looking washed out.
Questions about #afdef2
What is #afdef2 in RGB, HSL and CMYK?
In RGB, #afdef2 is rgb(175, 222, 242), in HSL hsl(198, 72%, 82%) and in CMYK 28%, 8%, 0%, 5%.
What colors work best with #afdef2 for UI design?
Pair #afdef2 with deep charcoal or slate grays to maintain strong contrast and readability. Because this color is so light and airy, darker neutral text ensures your interface remains professional and functional rather than looking washed out.
Is #afdef2 suitable for text or background use?
This pastel cyan is best used as a soft, clean background color rather than for text. Its low saturation means it lacks the necessary contrast to be readable on white or off-white backgrounds, even when using larger font sizes.
Is #afdef2 readable on white or black?
#afdef2 has a 1.44:1 contrast ratio on white and 14.55: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.