#86A5B3 Color

Color Information

HEX#86A5B3
RGB134, 165, 179
HSL199° , 23% , 61%
HSV199° , 25% , 70%
CMYK25%, 8%, 0%, 30%

Lighter Shades

#95B0BC #A3BBC5 #B2C5CE #C0D0D7 #CFDBE1 #DDE6EA

Darker Shades

#76919E #667D88 #566A73 #46565D #364248 #262E32

Complementary Palette

#738E9A #86A5B3 #997E72 #B29385 #BDA296 #97B2BE

Analogous Palette

#7EA099 #8DAAA5 #7E9BA8 #86A5B3 #8D92AA #959AB1

Triadic Palette

#76919E #86A5B3 #BC7BA8 #C48BB2 #A8BC7B #94A56C

Split Complementary Palette

#7995A1 #86A5B3 #B2858D #BA9198 #B2AA85 #A09978

Square Palette

#718B96 #86A5B3 #A58DAA #AA968D #8DB285 #9FBE99

Tetradic Palette

#6E8793 #86A5B3 #8D73C4 #B29385 #ABC473 #BACF8C

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86A5B3 contains 134 red, 165 green, and 179 blue.

Contrast Ratio: 2.57:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.18:1