#AEEAD3 Color

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

#AEEAD3

HEX#AEEAD3

RGBrgb(174, 234, 211)

HSLhsl(157, 59%, 80%)

HSVhsv(157, 26%, 92%)

OKLCHoklch(89% 0.069 169.1)

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

Text Contrast & Accessibility

WCAG contrast ratios for text on a #AEEAD3 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.51:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#AEEAD3 Complementary#EAAEC5 Analogous#AEEAB5 Analogous#AEE3EA Triadic#D3AEEA Triadic#EAD3AE

Tints & Shades

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

Tints

#BAEDDA #C2EFDE #CEF2E5 #D6F5E9 #E3F8F0 #EBFAF4

Shades

#81DFBB #55D3A3 #31BF88 #27966B #1B694B #103D2C

Use #AEEAD3 in Our Tools

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