#B4DD3C Color

#B4DD3C is rgb(180, 221, 60) in RGB and hsl(75, 70%, 55%) in HSL. The closest CSS named color is YellowGreen. Black text is most readable on this background.

#B4DD3C

HEX#B4DD3C

RGBrgb(180, 221, 60)

HSLhsl(75, 70%, 55%)

HSVhsv(75, 73%, 87%)

OKLCHoklch(84% 0.185 123.1)

CMYKcmyk(19%, 0%, 73%, 13%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B4DD3C Complementary#643CDD Analogous#DDB43C Analogous#64DD3C Triadic#3CB4DD Triadic#DD3CB4

Tints & Shades

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

Tints

#BEE156 #C8E670 #D2EA8A #DEF0A8 #E8F4C2 #F2F9DC

Shades

#A5D025 #8AAD1F #728F19 #5A7114 #41520F #263008

Use #B4DD3C in Our Tools

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