#B2DE12 Color

#B2DE12 is rgb(178, 222, 18) in RGB and hsl(73, 85%, 47%) in HSL. The closest CSS named color is YellowGreen. Black text is most readable on this background.

#B2DE12

HEX#B2DE12

RGBrgb(178, 222, 18)

HSLhsl(73, 85%, 47%)

HSVhsv(73, 92%, 87%)

OKLCHoklch(83.9% 0.203 123)

CMYKcmyk(20%, 0%, 92%, 13%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #B2DE12 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 #B2DE12 based on color wheel relationships. Click any swatch for its full breakdown.

Base#B2DE12 Complementary#3E12DE Analogous#DEA412 Analogous#4CDE12 Triadic#12B2DE Triadic#DE12B2

Tints & Shades

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

Tints

#C2ED26 #CDF04C #D6F36D #DFF68E #E9F8AF #F3FCD5

Shades

#9BC110 #84A50D #6E890B #536808 #3C4B06 #262F04

Use #B2DE12 in Our Tools

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