#BBD440 Color

#BBD440 is rgb(187, 212, 64) in RGB and hsl(70, 63%, 54%) in HSL. The closest CSS named color is YellowGreen. Black text is most readable on this background.

#BBD440

HEX#BBD440

RGBrgb(187, 212, 64)

HSLhsl(70, 63%, 54%)

HSVhsv(70, 70%, 83%)

OKLCHoklch(82.5% 0.17 118.7)

CMYKcmyk(12%, 0%, 70%, 17%)

Text Contrast & Accessibility

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

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

TextBlack text12.6:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#BBD440 Complementary#5840D4 Analogous#D4A240 Analogous#71D440 Triadic#40BBD4 Triadic#D440BB

Tints & Shades

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

Tints

#C4D959 #CEE076 #D7E68F #E0EBA8 #E9F1C1 #F3F7DE

Shades

#AAC32C #91A626 #77891F #5B6818 #414B11 #282E0A

Use #BBD440 in Our Tools

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