#4BB102 Color

#4BB102 is rgb(75, 177, 2) in RGB and hsl(95, 98%, 35%) in HSL. The closest CSS named color is OliveDrab. Black text is most readable on this background.

#4BB102

HEX#4BB102

RGBrgb(75, 177, 2)

HSLhsl(95, 98%, 35%)

HSVhsv(95, 99%, 69%)

OKLCHoklch(67.3% 0.206 137.7)

CMYKcmyk(58%, 0%, 99%, 31%)

Text Contrast & Accessibility

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

TextWhite text2.77:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text7.59:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#4BB102 Complementary#6802B1 Analogous#A2B102 Analogous#02B110 Triadic#024BB1 Triadic#B1024B

Tints & Shades

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

Tints

#5EDE02 #74FD12 #8EFD3F #A9FE6D #C4FE9A #DEFEC7

Shades

#429D02 #378301 #2F6F01 #245601 #1C4201 #112800

Use #4BB102 in Our Tools

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