#86A386 Color

Color Information

HEX	#86A386
RGB	134, 163, 134
HSL	120° , 14% , 58%
HSV	120° , 18% , 64%
CMYK	18%, 0%, 18%, 36%

Lighter Shades

#95AE95 #A3B9A3 #B2C4B2 #C0CFC0 #CFDACF #DDE5DD

Darker Shades

#768F76 #667C66 #566856 #465546 #364136 #262E26

Complementary Palette

#738C73 #86A386 #8C728C #A385A3 #B096B0 #97B097

Analogous Palette

#879975 #94A484 #7E997E #86A386 #84A494 #8DAA9C

Triadic Palette

#768F76 #86A386 #7A7AAE #8A8AB8 #AE7A7A #996B6B

Split Complementary Palette

#799379 #86A386 #9485A3 #9F91AC #A38594 #937885

Square Palette

#718971 #86A386 #8494A4 #A484A4 #A39485 #B2A599

Tetradic Palette

#6E866E #86A386 #72B6B6 #A385A3 #B67272 #C38B8B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86A386 contains 134 red, 163 green, and 134 blue.

Contrast Ratio: 2.72:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.73:1