#86AF8D Color

Color Information

HEX#86AF8D
RGB134, 175, 141
HSL130° , 20% , 61%
HSV130° , 23% , 69%
CMYK23%, 0%, 19%, 31%

Lighter Shades

#95B99B #A3C2A8 #B2CCB6 #C0D5C4 #CFDFD1 #DDE9DF

Darker Shades

#769A7C #66856B #56705A #465B49 #364638 #263127

Complementary Palette

#739779 #86AF8D #977591 #AF88A9 #BA99B5 #97BA9D

Analogous Palette

#89A07E #97AA8D #7EA585 #86AF8D #8DAAA1 #95B1A7

Triadic Palette

#769A7C #86AF8D #877EB9 #958DC1 #B9877E #A3776F

Split Complementary Palette

#799E7F #86AF8D #A288AF #AB94B7 #AF8895 #9E7A86

Square Palette

#719376 #86AF8D #8D97AA #AA8DA6 #AFA288 #BCB19B

Tetradic Palette

#6E9074 #86AF8D #76B6C1 #AF88A9 #C18176 #CC988F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86AF8D contains 134 red, 175 green, and 141 blue.

Contrast Ratio: 2.42:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.67:1