#86A063 Color

Color Information

HEX#86A063
RGB134, 160, 99
HSL86° , 24% , 51%
HSV86° , 38% , 63%
CMYK16%, 0%, 38%, 37%

Lighter Shades

#95AB76 #A3B788 #B2C29B #C0CEAE #CFD9C1 #DDE4D3

Darker Shades

#768D57 #667A4B #56663F #465333 #364028 #262D1C

Complementary Palette

#738A55 #86A063 #6C568A #7E64A0 #907AAD #97AD79

Analogous Palette

#8A8866 #95926F #7E965D #86A063 #72956F #7D9D7B

Triadic Palette

#768D57 #86A063 #5888AD #6C96B7 #AD5888 #984D78

Split Complementary Palette

#799059 #86A063 #6468A0 #7477AA #9C64A0 #8C5A90

Square Palette

#718653 #86A063 #6F9592 #806F95 #A06468 #AF7D80

Tetradic Palette

#6E8351 #86A063 #4EB77B #7E64A0 #B74E89 #C46E9E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86A063 contains 134 red, 160 green, and 99 blue.

Contrast Ratio: 2.86:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.34:1