#AADDE3 Hex Color

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

Hex color #aadde3 graphic
#aadde3 is a pale, cool cyan with low saturation and a soft green-blue undertone. Its lightness creates an airy, gentle mood suited to healthcare, children’s products, spring themes, and clean technology interfaces. Use this hex code as a spacious background with black text for strong readability, or pair it with navy to add structure.

Questions about #aadde3

What is #aadde3 in RGB, HSL and CMYK?
In RGB, #aadde3 is rgb(170, 221, 227), in HSL hsl(186, 50%, 78%) and in CMYK 25%, 3%, 0%, 11%.
What colors pair well with #aadde3?
#aadde3 pairs well with navy or charcoal for structure, while muted coral or peach adds warmth and keeps the pale cyan from feeling cold in interfaces, illustrations, and seasonal layouts. Use the darker pairing for text and controls, and keep warmer tones to accents.
Does #aadde3 read as warm or cool?
#aadde3 reads as cool because its cyan base and subtle green-blue undertone lean toward water and clear-sky hues, though its low saturation and high lightness soften that effect for a gentle, welcoming appearance.
Is #aadde3 readable on white or black?
#aadde3 has a 1.48:1 contrast ratio on white and 14.16: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.