#AFCDE2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty pastel blue reads as airy and unsaturated, offering a clean alternative to sterile whites. Because it has enough contrast to support black text, #afcde2 works well as a dominant UI background for minimalist interfaces. It pairs effectively with terracotta or warm grays to ground its inherent fragility. The hex code for this delicate, muted shade is #afcde2.
Questions about #afcde2
What is #afcde2 in RGB, HSL and CMYK?
In RGB, #afcde2 is rgb(175, 205, 226), in HSL hsl(205, 47%, 79%) and in CMYK 23%, 9%, 0%, 11%.
What colors pair well with #afcde2 in a UI design?
#afcde2 balances beautifully with terracotta to ground its delicate nature or charcoal to create a sharp, readable contrast for text elements. Avoid pairing it with high-saturation neons, as they will overwhelm the subtle, airy character of the color.
Does #afcde2 function as a neutral or an accent?
#afcde2 acts as a sophisticated, unsaturated neutral that offers a softer alternative to sterile white or stark gray backgrounds. Because it is light and airy, it works best as a canvas for other interface elements rather than as a primary call-to-action button.
Is #afcde2 readable on white or black?
#afcde2 has a 1.65:1 contrast ratio on white and 12.65: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.