#86A4B1 Color

Color Information

HEX#86A4B1
RGB134, 164, 177
HSL198° , 22% , 61%
HSV198° , 24% , 69%
CMYK24%, 7%, 0%, 31%

Lighter Shades

#95AFBA #A3BAC4 #B2C5CD #C0D0D6 #CFDBE0 #DDE6E9

Darker Shades

#76909C #667D87 #566971 #46555C #364247 #262E32

Complementary Palette

#738D98 #86A4B1 #987E73 #B19386 #BCA297 #97B1BC

Analogous Palette

#7EA099 #8DAAA5 #7E9AA6 #86A4B1 #8D92AA #959AB1

Triadic Palette

#76909C #86A4B1 #BB7CA8 #C38CB2 #A8BB7C #94A56D

Split Complementary Palette

#79949F #86A4B1 #B1868E #B99299 #B1A986 #9F9879

Square Palette

#718A95 #86A4B1 #A58DAA #AA968D #8EB186 #A0BD99

Tetradic Palette

#6E8691 #86A4B1 #8C74C3 #B19386 #ABC374 #BACE8D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86A4B1 contains 134 red, 164 green, and 177 blue.

Contrast Ratio: 2.59:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.1:1