#BAE99B Color

#BAE99B is rgb(186, 233, 155) in RGB and hsl(96, 64%, 76%) in HSL. The closest CSS named color is PaleGreen. Black text is most readable on this background.

#BAE99B

HEX#BAE99B

RGBrgb(186, 233, 155)

HSLhsl(96, 64%, 76%)

HSVhsv(96, 33%, 91%)

OKLCHoklch(88.2% 0.114 133.5)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BAE99B Complementary#CA9BE9 Analogous#E1E99B Analogous#9BE9A2 Triadic#9BBAE9 Triadic#E99BBA

Tints & Shades

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

Tints

#C3ECA7 #CBEEB4 #D4F1C0 #DFF5D1 #E8F8DE #F1FAEA

Shades

#9DE071 #7ED643 #64BC29 #4E9220 #386917 #1F3B0D

Use #BAE99B in Our Tools

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