#B2C59B Color

#B2C59B is rgb(178, 197, 155) in RGB and hsl(87, 27%, 69%) in HSL. The closest CSS named color is DarkGray. Black text is most readable on this background.

#B2C59B

HEX#B2C59B

RGBrgb(178, 197, 155)

HSLhsl(87, 27%, 69%)

HSVhsv(87, 21%, 77%)

OKLCHoklch(79.8% 0.061 127.5)

CMYKcmyk(10%, 0%, 21%, 23%)

Text Contrast & Accessibility

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

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

TextBlack text11.35:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#B2C59B Complementary#AE9BC5 Analogous#C5C39B Analogous#9DC59B Triadic#9BB2C5 Triadic#C59BB2

Tints & Shades

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

Tints

#BCCDA8 #C6D4B5 #D0DCC1 #DCE5D2 #E6ECDF #F0F4EC

Shades

#9CB57D #83A25D #6B854C #54683C #3C4A2B #222A18

Use #B2C59B in Our Tools

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