#86A450 Color

Color Information

HEX#86A450
RGB134, 164, 80
HSL81° , 34% , 48%
HSV81° , 51% , 64%
CMYK18%, 0%, 51%, 36%

Lighter Shades

#95AF65 #A3BA7A #B2C58F #C0D0A4 #CFDBB9 #DDE6CE

Darker Shades

#769046 #667D3D #566933 #46552A #364220 #262E16

Complementary Palette

#738D45 #86A450 #5F468D #6E51A4 #8269B1 #97B169

Analogous Palette

#817C5F #8D8768 #7E9A4B #86A450 #6E8D68 #789772

Triadic Palette

#769046 #86A450 #458BB0 #5B99B9 #B0458B #9B3D7A

Split Complementary Palette

#799448 #86A450 #515DA4 #626DAD #9851A4 #894994

Square Palette

#718A43 #86A450 #5D988F #725D98 #A4515D #B36D77

Tetradic Palette

#6E8642 #86A450 #3BBA67 #6E51A4 #BA3B8D #C65EA2

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86A450 contains 134 red, 164 green, and 80 blue.

Contrast Ratio: 2.78:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.56:1