#86AF5A Color

Color Information

HEX#86AF5A
RGB134, 175, 90
HSL89° , 35% , 52%
HSV89° , 49% , 69%
CMYK23%, 0%, 49%, 31%

Lighter Shades

#95B96E #A3C282 #B2CC95 #C0D5A9 #CFDFBD #DDE9D1

Darker Shades

#769A4F #668544 #56703A #465B2F #364624 #263119

Complementary Palette

#73974D #86AF5A #714D97 #835AAF #9471BA #97BA71

Analogous Palette

#8D8C68 #979672 #7EA555 #86AF5A #739772 #7FA07E

Triadic Palette

#769A4F #86AF5A #4E86BC #6395C4 #BC4E86 #A54576

Split Complementary Palette

#799E51 #86AF5A #5A5BAF #6B6BB7 #AE5AAF #9D519E

Square Palette

#71934C #86AF5A #66A3A2 #8466A3 #AF5A5B #BC7475

Tetradic Palette

#6E904A #86AF5A #44C582 #835AAF #C54487 #CF669D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86AF5A contains 134 red, 175 green, and 90 blue.

Contrast Ratio: 2.49:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 8.43:1