#BBF386 Color

#BBF386 is rgb(187, 243, 134) in RGB and hsl(91, 82%, 74%) in HSL. The closest CSS named color is PaleGreen. Black text is most readable on this background.

#BBF386

HEX#BBF386

RGBrgb(187, 243, 134)

HSLhsl(91, 82%, 74%)

HSVhsv(91, 45%, 95%)

OKLCHoklch(90.2% 0.15 131.1)

CMYKcmyk(23%, 0%, 45%, 5%)

Text Contrast & Accessibility

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

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

TextBlack text16.28:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#BBF386 Complementary#BF86F3 Analogous#F1F386 Analogous#86F388 Triadic#86BBF3 Triadic#F386BB

Tints & Shades

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

Tints

#C3F494 #CDF6A7 #D5F8B5 #E0F9C7 #E7FBD5 #F2FDE8

Shades

#A1EE58 #86EA2A #6DCC14 #549E10 #3C6F0B #234106

Use #BBF386 in Our Tools

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