#86B2BC Color

Color Information

HEX#86B2BC
RGB134, 178, 188
HSL191° , 29% , 63%
HSV191° , 29% , 74%
CMYK29%, 5%, 0%, 26%

Lighter Shades

#95BBC4 #A3C4CC #B2CED4 #C0D7DC #CFE0E4 #DDE9EC

Darker Shades

#769DA5 #66878F #567278 #465D62 #36474B #263235

Complementary Palette

#7399A2 #86B2BC #A27B72 #BC8F85 #C59F96 #97BDC5

Analogous Palette

#84A49A #92AFA6 #7EA7B1 #86B2BC #929CAF #9BA4B5

Triadic Palette

#769DA5 #86B2BC #C57CB8 #CC8CC1 #B8C57C #A2AD6D

Split Complementary Palette

#79A0A9 #86B2BC #BC8597 #C391A1 #BCAB85 #A99A78

Square Palette

#71969E #86B2BC #A78FB3 #B3958F #97BC85 #A8C799

Tetradic Palette

#6E929A #86B2BC #8574CD #BC8F85 #BDCD74 #C9D68D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86B2BC contains 134 red, 178 green, and 188 blue.

Contrast Ratio: 2.27:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.26:1