#86C440 Color

#86C440 is rgb(134, 196, 64) in RGB and hsl(88, 53%, 51%) in HSL. The closest CSS named color is YellowGreen. Black text is most readable on this background.

#86C440

HEX#86C440

RGBrgb(134, 196, 64)

HSLhsl(88, 53%, 51%)

HSVhsv(88, 67%, 77%)

OKLCHoklch(75.2% 0.174 131.2)

CMYKcmyk(32%, 0%, 67%, 23%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#86C440 Complementary#7E40C4 Analogous#C4C040 Analogous#44C440 Triadic#4086C4 Triadic#C44086

Tints & Shades

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

Tints

#98CD5B #A6D473 #B8DC8E #C9E5A9 #DAEDC4 #E9F4DC

Shades

#74AC35 #64942E #527925 #3F5E1D #2D4214 #1D2B0D

Use #86C440 in Our Tools

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