#ABDE12 Color

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

#ABDE12

HEX#ABDE12

RGBrgb(171, 222, 18)

HSLhsl(75, 85%, 47%)

HSVhsv(75, 92%, 87%)

OKLCHoklch(83.4% 0.206 124.8)

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

Text Contrast & Accessibility

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

Base#ABDE12 Complementary#4512DE Analogous#DEAB12 Analogous#45DE12 Triadic#12ABDE Triadic#DE12AB

Tints & Shades

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

Tints

#BCED26 #C7F04C #D2F36D #DCF68E #E6F8AF #F2FCD5

Shades

#95C110 #7FA50D #69890B #506808 #3A4B06 #242F04

Use #ABDE12 in Our Tools

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