#86B2BE Color

Color Information

HEX#86B2BE
RGB134, 178, 190
HSL193° , 30% , 64%
HSV193° , 29% , 75%
CMYK29%, 6%, 0%, 25%

Lighter Shades

#95BBC6 #A3C4CE #B2CED5 #C0D7DD #CFE0E5 #DDE9ED

Darker Shades

#769DA7 #668790 #56727A #465D63 #36474C #263235

Complementary Palette

#7399A3 #86B2BE #A47F75 #BF9488 #C8A399 #97BDC7

Analogous Palette

#87A69D #95B1A9 #7EA7B3 #86B2BE #959DB1 #9EA5B7

Triadic Palette

#769DA7 #86B2BE #C87EB8 #CF8DC1 #B8C87E #A2B06F

Split Complementary Palette

#79A0AB #86B2BE #BF8897 #C594A1 #BFAF88 #AC9E7A

Square Palette

#7196A0 #86B2BE #AB91B6 #B69991 #97BF88 #A8C99B

Tetradic Palette

#6E929C #86B2BE #8A77CF #BF9488 #BCCF77 #C8D88F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86B2BE contains 134 red, 178 green, and 190 blue.

Contrast Ratio: 2.26:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.27:1