#84E796 Color

#84E796 is rgb(132, 231, 150) in RGB and hsl(131, 67%, 71%) in HSL. The closest CSS named color is LightGreen. Black text is most readable on this background.

#84E796

HEX#84E796

RGBrgb(132, 231, 150)

HSLhsl(131, 67%, 71%)

HSVhsv(131, 43%, 91%)

OKLCHoklch(84.7% 0.146 148.5)

CMYKcmyk(43%, 0%, 35%, 9%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#84E796 Complementary#E784D4 Analogous#A3E784 Analogous#84E7C7 Triadic#9684E7 Triadic#E79684

Tints & Shades

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

Tints

#95EAA4 #A6EDB3 #B7F1C1 #C3F3CC #D4F7DB #E5FAE9

Shades

#59DE71 #33D751 #23B33E #1C8D30 #136222 #0C3C15

Use #84E796 in Our Tools

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