#86B25C Color

#86B25C is rgb(134, 178, 92) in RGB and hsl(91, 36%, 53%) in HSL. The closest CSS named color is DarkSeaGreen. Black text is most readable on this background.

#86B25C

HEX#86B25C

RGBrgb(134, 178, 92)

HSLhsl(91, 36%, 53%)

HSVhsv(91, 48%, 70%)

OKLCHoklch(71.2% 0.125 131.2)

CMYKcmyk(25%, 0%, 48%, 30%)

Text Contrast & Accessibility

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

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

TextBlack text8.54:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#86B25C Complementary#895CB2 Analogous#B1B25C Analogous#5CB25D Triadic#5C86B2 Triadic#B25C86

Tints & Shades

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

Tints

#95BC71 #A7C889 #B7D19E #C9DDB6 #D8E7CB #EAF2E3

Shades

#74A04B #628740 #516F34 #3F5729 #2D3E1D #1C2612

Use #86B25C in Our Tools

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