#ADD4EB Color

#ADD4EB is rgb(173, 212, 235) in RGB and hsl(202, 61%, 80%) in HSL. The closest CSS named color is LightBlue. Black text is most readable on this background.

#ADD4EB

HEX#ADD4EB

RGBrgb(173, 212, 235)

HSLhsl(202, 61%, 80%)

HSVhsv(202, 26%, 92%)

OKLCHoklch(84.9% 0.052 234.1)

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

Text Contrast & Accessibility

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

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

TextBlack text13.39:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#ADD4EB Complementary#EBC4AD Analogous#ADEBE3 Analogous#ADB5EB Triadic#EBADD4 Triadic#D4EBAD

Tints & Shades

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

Tints

#B9DBEE #C1DFF0 #CEE5F3 #D6EAF5 #E2F0F8 #EAF4FA

Shades

#80BDE0 #53A5D5 #2F8BC1 #256E98 #1A4D6B #0F2C3E

Use #ADD4EB in Our Tools

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