#BBD874 Color

#BBD874 is rgb(187, 216, 116) in RGB and hsl(77, 56%, 65%) in HSL. The closest CSS named color is DarkKhaki. Black text is most readable on this background.

#BBD874

HEX#BBD874

RGBrgb(187, 216, 116)

HSLhsl(77, 56%, 65%)

HSVhsv(77, 46%, 85%)

OKLCHoklch(83.9% 0.131 122.5)

CMYKcmyk(13%, 0%, 46%, 15%)

Text Contrast & Accessibility

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

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

TextBlack text13.19:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#BBD874 Complementary#9074D8 Analogous#D8C274 Analogous#89D874 Triadic#74BBD8 Triadic#D874BB

Tints & Shades

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

Tints

#C5DD88 #CDE298 #D6E7AB #E0EDBF #EAF3D3 #F1F7E3

Shades

#AACE50 #98BF36 #7C9B2C #5F7722 #435418 #29340F

Use #BBD874 in Our Tools

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