#86F372 Color

#86F372 is rgb(134, 243, 114) in RGB and hsl(111, 84%, 70%) in HSL. The closest CSS named color is LightGreen. Black text is most readable on this background.

#86F372

HEX#86F372

RGBrgb(134, 243, 114)

HSLhsl(111, 84%, 70%)

HSVhsv(111, 53%, 95%)

OKLCHoklch(87.1% 0.196 140.6)

CMYKcmyk(45%, 0%, 53%, 5%)

Text Contrast & Accessibility

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

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

TextBlack text15.08:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#86F372 Complementary#DF72F3 Analogous#C6F372 Analogous#72F39F Triadic#7286F3 Triadic#F37286

Tints & Shades

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

Tints

#96F485 #A6F698 #B6F8AB #C6F9BD #D7FBD0 #E7FDE3

Shades

#61EF48 #39EB19 #2CC511 #22960D #186C09 #0E3D05

Use #86F372 in Our Tools

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