#86A527 Color

#86A527 is rgb(134, 165, 39) in RGB and hsl(75, 62%, 40%) in HSL. The closest CSS named color is OliveDrab. Black text is most readable on this background.

#86A527

HEX#86A527

RGBrgb(134, 165, 39)

HSLhsl(75, 62%, 40%)

HSVhsv(75, 76%, 65%)

OKLCHoklch(67.5% 0.151 122.9)

CMYKcmyk(19%, 0%, 76%, 35%)

Text Contrast & Accessibility

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

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

TextBlack text7.43:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#86A527 Complementary#4627A5 Analogous#A58627 Analogous#46A527 Triadic#2786A5 Triadic#A52786

Tints & Shades

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

Tints

#A0C62F #B3D54D #C1DD6E #CFE58F #DEEDB1 #EDF5D6

Shades

#759122 #647C1D #546718 #3F4E12 #2F3A0E #1E2509

Use #86A527 in Our Tools

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