#BAFA8E Color

#BAFA8E is rgb(186, 250, 142) in RGB and hsl(96, 92%, 77%) in HSL. The closest CSS named color is PaleGreen. Black text is most readable on this background.

#BAFA8E

HEX#BAFA8E

RGBrgb(186, 250, 142)

HSLhsl(96, 92%, 77%)

HSVhsv(96, 43%, 98%)

OKLCHoklch(91.8% 0.153 133.6)

CMYKcmyk(26%, 0%, 43%, 2%)

Text Contrast & Accessibility

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

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

TextBlack text17.15:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#BAFA8E Complementary#CF8EFA Analogous#F0FA8E Analogous#8EFA99 Triadic#8EBAFA Triadic#FA8EBA

Tints & Shades

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

Tints

#C3FB9D #CCFCAC #D5FCBA #DEFDC9 #E7FDD8 #F0FEE7

Shades

#9BF85D #7AF628 #60E109 #49AB07 #347A05 #1D4503

Use #BAFA8E in Our Tools

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