#86A970 Color

Color Information

HEX	#86A970
RGB	134, 169, 112
HSL	97° , 25% , 55%
HSV	97° , 34% , 66%
CMYK	21%, 0%, 34%, 34%

Lighter Shades

#95B381 #A3BE92 #B2C8A3 #C0D2B5 #CFDDC6 #DDE7D7

Darker Shades

#769563 #668055 #566C48 #46583A #36442D #262F1F

Complementary Palette

#739160 #86A970 #7E6091 #9370A9 #A284B5 #97B584

Analogous Palette

#90956F #999D7B #7E9F69 #86A970 #7B9D7E #87A68A

Triadic Palette

#769563 #86A970 #6483B4 #7792BD #B46483 #9E5873

Split Complementary Palette

#799865 #86A970 #7670A9 #847EB2 #A970A2 #986592

Square Palette

#718E5E #86A970 #7B999D #907B9D #A97670 #B78C87

Tetradic Palette

#6E8B5C #86A970 #5BBE98 #9370A9 #BE5B81 #CA7998

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86A970 contains 134 red, 169 green, and 112 blue.

Contrast Ratio: 2.61:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.06:1