#86AFBF Color

Color Information

HEX#86AFBF
RGB134, 175, 191
HSL197° , 31% , 64%
HSV197° , 30% , 75%
CMYK30%, 8%, 0%, 25%

Lighter Shades

#95B9C7 #A3C2CE #B2CCD6 #C0D5DE #CFDFE5 #DDE9ED

Darker Shades

#769AA8 #668591 #56707A #465B63 #36464C #263135

Complementary Palette

#7397A4 #86AFBF #A58274 #C09787 #C9A698 #97BAC8

Analogous Palette

#87A69F #95B1AB #7EA5B4 #86AFBF #959BB1 #9EA4B7

Triadic Palette

#769AA8 #86AFBF #C97EB4 #CF8DBD #B4C97E #9EB16F

Split Complementary Palette

#799EAC #86AFBF #C08793 #C6939E #C0B387 #ADA17A

Square Palette

#7193A0 #86AFBF #AD90B6 #B69B90 #93C087 #A4CA9A

Tetradic Palette

#6E909D #86AFBF #9076D0 #C09787 #B7D076 #C4D88F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86AFBF contains 134 red, 175 green, and 191 blue.

Contrast Ratio: 2.32:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.05:1