#BAE8CC Color

#BAE8CC is rgb(186, 232, 204) in RGB and hsl(143, 50%, 82%) in HSL. The closest CSS named color is PowderBlue. Black text is most readable on this background.

#BAE8CC

HEX#BAE8CC

RGBrgb(186, 232, 204)

HSLhsl(143, 50%, 82%)

HSVhsv(143, 20%, 91%)

OKLCHoklch(89.1% 0.061 158.2)

CMYKcmyk(20%, 0%, 12%, 9%)

Text Contrast & Accessibility

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

Color Harmonies

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

Base#BAE8CC Complementary#E8BAD6 Analogous#C0E8BA Analogous#BAE8E3 Triadic#CCBAE8 Triadic#E8CCBA

Tints & Shades

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

Tints

#C2EBD1 #CDEEDA #D5F1E0 #DDF4E5 #E4F6EB #F0FAF4

Shades

#90DAAC #66CC8D #3EBB6E #2F8E53 #21633B #133922

Use #BAE8CC in Our Tools

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