#86A6BC Color

Color Information

HEX#86A6BC
RGB134, 166, 188
HSL204° , 29% , 63%
HSV204° , 29% , 74%
CMYK29%, 12%, 0%, 26%

Lighter Shades

#95B1C4 #A3BBCC #B2C6D4 #C0D1DC #CFDBE4 #DDE6EC

Darker Shades

#7692A5 #667E8F #566A78 #465662 #36424B #262E35

Complementary Palette

#738FA2 #86A6BC #A28572 #BC9B85 #C5A996 #97B2C5

Analogous Palette

#84A4A1 #92AFAC #7E9CB1 #86A6BC #9296AF #9B9EB5

Triadic Palette

#7692A5 #86A6BC #C57CA8 #CC8CB2 #A8C57C #94AD6D

Split Complementary Palette

#7995A9 #86A6BC #BC858B #C39197 #BCB785 #A9A578

Square Palette

#718B9E #86A6BC #B08FB3 #B39D8F #8BBC85 #9EC799

Tetradic Palette

#6E889A #86A6BC #9874CD #BC9B85 #AACD74 #B9D68D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86A6BC contains 134 red, 166 green, and 188 blue.

Contrast Ratio: 2.52:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.33:1