#AEEADD Color

#AEEADD is rgb(174, 234, 221) in RGB and hsl(167, 59%, 80%) in HSL. The closest CSS named color is PowderBlue. Black text is most readable on this background.

#AEEADD

HEX#AEEADD

RGBrgb(174, 234, 221)

HSLhsl(167, 59%, 80%)

HSVhsv(167, 26%, 92%)

OKLCHoklch(89.3% 0.063 179.9)

CMYKcmyk(26%, 0%, 6%, 8%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #AEEADD background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text1.35:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text15.61:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

Colors that pair well with #AEEADD based on color wheel relationships. Click any swatch for its full breakdown.

Base#AEEADD Complementary#EAAEBB Analogous#AEEABF Analogous#AED9EA Triadic#DDAEEA Triadic#EADDAE

Tints & Shades

Lighter tints and darker shades of #AEEADD, useful for hover states, backgrounds, and text variants.

Tints

#BAEDE2 #C2EFE6 #CEF2EB #D6F5EE #E3F8F3 #EBFAF7

Shades

#81DFCA #55D3B8 #31BFA0 #27967E #1B6958 #103D33

Use #AEEADD in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex