#ADEBD9 Color

#ADEBD9 is rgb(173, 235, 217) in RGB and hsl(163, 61%, 80%) in HSL. The closest CSS named color is PowderBlue. Black text is most readable on this background.

#ADEBD9

HEX#ADEBD9

RGBrgb(173, 235, 217)

HSLhsl(163, 61%, 80%)

HSVhsv(163, 26%, 92%)

OKLCHoklch(89.3% 0.067 174.8)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#ADEBD9 Complementary#EBADBF Analogous#ADEBBA Analogous#ADDEEB Triadic#D9ADEB Triadic#EBD9AD

Tints & Shades

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

Tints

#B9EEDF #C1F0E3 #CEF3E8 #D6F5EC #E2F8F2 #EAFAF6

Shades

#80E0C5 #53D5B0 #2FC198 #259877 #1A6B54 #0F3E30

Use #ADEBD9 in Our Tools

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