#AFCFFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, dusty blue carries a cool, airy quality that works well for clean, professional user interfaces. Because of its light tone, #afcfff reads best as a supporting accent or a background wash rather than a primary branding color. It pairs cleanly with deep charcoal greys for strong readability. If you want to experiment with what colors make white, this hex code shows how much tinting affects visual weight.
Questions about #afcfff
What is #afcfff in RGB, HSL and CMYK?
In RGB, #afcfff is rgb(175, 207, 255), in HSL hsl(216, 100%, 84%) and in CMYK 31%, 19%, 0%, 0%.
What colors pair best with #afcfff?
Because #afcfff is a muted, light blue, it pairs best with high-contrast, dark elements. Using it alongside dark navy or deep slate grays creates the necessary visual weight to ground the color while maintaining excellent readability for text and interface components.
Where should I use the color #afcfff in my design?
This hex color works effectively as a subtle background wash or a secondary accent rather than a primary branding color. Its unsaturated, airy quality makes it ideal for clean, professional user interfaces that require a calming feel without dominating the page.
Is #afcfff readable on white or black?
#afcfff has a 1.59:1 contrast ratio on white and 13.19: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.