#86A5AC Color

Color Information

HEX	#86A5AC
RGB	134, 165, 172
HSL	191° , 19% , 60%
HSV	191° , 22% , 67%
CMYK	22%, 4%, 0%, 33%

Lighter Shades

#95B0B6 #A3BBC0 #B2C5CA #C0D0D4 #CFDBDE #DDE6E8

Darker Shades

#769197 #667D83 #566A6E #465659 #364245 #262E30

Complementary Palette

#738E94 #86A5AC #947973 #AC8D86 #B89D97 #97B2B8

Analogous Palette

#7B9D93 #8AA89F #7E9BA2 #86A5AC #8A93A8 #929BAF

Triadic Palette

#769197 #86A5AC #B77BAC #C08BB6 #ACB77B #97A16C

Split Complementary Palette

#79959B #86A5AC #AC8692 #B4929D #ACA086 #9B9079

Square Palette

#718B90 #86A5AC #9F8AA8 #A88F8A #92AC86 #A3B999

Tetradic Palette

#6E878D #86A5AC #8173BF #AC8D86 #B1BF73 #BFCB8C

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86A5AC contains 134 red, 165 green, and 172 blue.

Contrast Ratio: 2.58:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.13:1