#86C196 Color

#86C196 is rgb(134, 193, 150) in RGB and hsl(136, 32%, 64%) in HSL. The closest CSS named color is DarkSeaGreen. Black text is most readable on this background.

#86C196

HEX#86C196

RGBrgb(134, 193, 150)

HSLhsl(136, 32%, 64%)

HSVhsv(136, 31%, 76%)

OKLCHoklch(75.9% 0.087 152.4)

CMYKcmyk(31%, 0%, 22%, 24%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#86C196 Complementary#C186B1 Analogous#94C186 Analogous#86C1B3 Triadic#9586C1 Triadic#C19586

Tints & Shades

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

Tints

#97C9A4 #A7D2B3 #B8DBC1 #C6E2CD #D7EADC #E7F3EA

Shades

#68B17B #519E66 #428052 #346541 #24472E #172C1C

Use #86C196 in Our Tools

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