#86A4B2 Color

Color Information

HEX#86A4B2
RGB134, 164, 178
HSL199° , 22% , 61%
HSV199° , 25% , 70%
CMYK25%, 8%, 0%, 30%

Lighter Shades

#95AFBB #A3BAC4 #B2C5CE #C0D0D7 #CFDBE0 #DDE6E9

Darker Shades

#76909D #667D87 #566972 #46555D #364247 #262E32

Complementary Palette

#738D99 #86A4B2 #987F73 #B19486 #BCA397 #97B1BD

Analogous Palette

#7EA099 #8DAAA5 #7E9AA7 #86A4B2 #8D92AA #959AB1

Triadic Palette

#76909D #86A4B2 #BB7CA8 #C38CB2 #A8BB7C #94A56D

Split Complementary Palette

#7994A0 #86A4B2 #B1868E #B99299 #B1A986 #9F9879

Square Palette

#718A96 #86A4B2 #A58DAA #AA978D #8EB186 #A0BD99

Tetradic Palette

#6E8692 #86A4B2 #8E74C3 #B19486 #ABC374 #BACE8D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86A4B2 contains 134 red, 164 green, and 178 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