#AEE3DD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This extremely light, unsaturated teal feels airy and sanitized. Due to its very low chroma, the hex code #aee3dd acts as a clean, neutral backdrop for UI designs without overwhelming the user. It works best as a primary background color paired with dark charcoal text for high readability. Use it sparingly in branding, as it can appear washed out or clinical when overused.
Questions about #aee3dd
What is #aee3dd in RGB, HSL and CMYK?
In RGB, #aee3dd is rgb(174, 227, 221), in HSL hsl(173, 49%, 79%) and in CMYK 23%, 0%, 3%, 11%.
What colors pair well with #aee3dd?
Is #aee3dd suitable for large blocks of text?
Avoid using #aee3dd as a background for long-form body text because its low contrast against white or light gray can cause eye strain. It works most effectively as a header background, status indicator, or subtle accent within a UI interface.
Is #aee3dd readable on white or black?
#aee3dd has a 1.41:1 contrast ratio on white and 14.83: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.