#AFDCFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This very light, desaturated blue acts as a cooling, airy neutral in digital interfaces. Because it is quite pale, #afdcff serves best as a subtle background or large area filler rather than a text color, though it retains excellent legibility with black type. It pairs cleanly with charcoal grays for professional branding or soft corals for a friendly, approachable aesthetic. The hex code for this pastel shade is #afdcff.
Questions about #afdcff
What is #afdcff in RGB, HSL and CMYK?
In RGB, #afdcff is rgb(175, 220, 255), in HSL hsl(206, 100%, 84%) and in CMYK 31%, 14%, 0%, 0%.
What colors pair well with #afdcff for a balanced UI?
#afdcff works best when anchored by dark, high-contrast neutrals like charcoal or deep slate, which provide the grounding necessary to prevent the interface from feeling too washed out. You can also introduce warmth with accents of soft coral to create a friendly, approachable aesthetic.
Should I use #afdcff for text or UI elements?
#afdcff is far too pale for body text and will fail most accessibility standards for legibility. Reserve this shade for large surface areas, background panels, or subtle decorative elements while ensuring that any text placed over it is dark enough to maintain sufficient contrast.
Is #afdcff readable on white or black?
#afdcff has a 1.44:1 contrast ratio on white and 14.50: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.