#ADE2F7 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #ade2f7 graphic
Reach for pastel cyan when a background needs to feel airy without going plain white. The hex code #ade2f7 is very light and barely saturated, with a cool, watery cast. It works well as a dominant base in spring themes, baby products, and casual tech interfaces, and black text on it clears WCAG AA with room to spare. Pair it with navy for a sharper edge than white would give.

Questions about #ade2f7

What is #ade2f7 in RGB, HSL and CMYK?
In RGB, #ade2f7 is rgb(173, 226, 247), in HSL hsl(197, 82%, 82%) and in CMYK 30%, 9%, 0%, 3%.
What text color works best on #ade2f7?
Black text works best on #ade2f7, with contrast around 15:1, well above the 4.5:1 that WCAG AA requires for body text. White text falls far short here, so keep type dark.
What colors pair well with #ade2f7?
Deep navy gives #ade2f7 more contrast than white does, and coral adds a warm counterpoint for children's or spring designs. Avoid muted grays next to it, since they can drag it toward murky.
Is #ade2f7 readable on white or black?
#ade2f7 has a 1.40:1 contrast ratio on white and 14.99: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.