#4BBE96 Color

#4BBE96 is rgb(75, 190, 150) in RGB and hsl(159, 47%, 52%) in HSL. The closest CSS named color is MediumAquamarine. Black text is most readable on this background.

#4BBE96

HEX#4BBE96

RGBrgb(75, 190, 150)

HSLhsl(159, 47%, 52%)

HSVhsv(159, 61%, 75%)

OKLCHoklch(72.5% 0.12 166.9)

CMYKcmyk(61%, 0%, 21%, 25%)

Text Contrast & Accessibility

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

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

TextBlack text9.1:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#4BBE96 Complementary#BE4B73 Analogous#4BBE5C Analogous#4BADBE Triadic#964BBE Triadic#BE964B

Tints & Shades

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

Tints

#65C8A5 #7CD0B2 #96D9C2 #ADE1CF #C7EBDE #DDF3EB

Shades

#3DA983 #338E6F #2A745A #225E49 #184334 #0F2920

Use #4BBE96 in Our Tools

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