#AFD7E2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This airy, pale cyan features very low saturation, making it a reliable choice for clean UI backgrounds or children’s branding. Because it maintains excellent contrast against black text, it is suitable for small body copy. The hex code for this tint is #afd7e2. It pairs best with slate grays or warm sandy neutrals rather than stark whites, which often wash out the subtle pigment.
Questions about #afd7e2
What is #afd7e2 in RGB, HSL and CMYK?
In RGB, #afd7e2 is rgb(175, 215, 226), in HSL hsl(193, 47%, 79%) and in CMYK 23%, 5%, 0%, 11%.
What colors pair best with #afd7e2?
#afd7e2 functions best when paired with muted, earthy neutrals or slate grays rather than stark whites. Using charcoal for text creates a sophisticated, high-contrast look that prevents the pale blue from feeling washed out or overly clinical.
Is #afd7e2 suitable for UI background elements?
Yes, #afd7e2 is an excellent choice for UI backgrounds because it remains subtle and calm while maintaining enough contrast to keep dark text legible. Its low saturation ensures it does not strain the eyes during prolonged screen use.
Is #afd7e2 readable on white or black?
#afd7e2 has a 1.53:1 contrast ratio on white and 13.64: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.