#AFD2F0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, pastel blue feels airy and restrained due to its high lightness and low saturation. Because it maintains a strong 13.3:1 contrast ratio against black text, the hex code #afd2f0 serves as an excellent, readable UI background. Pair this shade with deep slate grays to ground the color, or use it sparingly to avoid appearing washed out against stark white surfaces.
Questions about #afd2f0
What is #afd2f0 in RGB, HSL and CMYK?
In RGB, #afd2f0 is rgb(175, 210, 240), in HSL hsl(208, 68%, 81%) and in CMYK 27%, 13%, 0%, 6%.
What colors pair well with #afd2f0?
Deep, desaturated tones work best to ground the lightness of #afd2f0. You can achieve a professional, balanced UI by pairing it with charcoal for text or dark slate grays to ensure your primary content remains the focal point of the design.
Is #afd2f0 readable on white or black?
#afd2f0 has a 1.57:1 contrast ratio on white and 13.29: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.