#86A9BD Color

Color Information

HEX#86A9BD
RGB134, 169, 189
HSL202° , 29% , 63%
HSV202° , 29% , 74%
CMYK29%, 11%, 0%, 26%

Lighter Shades

#95B3C5 #A3BECD #B2C8D5 #C0D2DD #CFDDE5 #DDE7ED

Darker Shades

#7695A6 #668090 #566C79 #465862 #36444C #262F35

Complementary Palette

#7391A3 #86A9BD #A28472 #BC9985 #C5A796 #97B5C6

Analogous Palette

#84A4A0 #92AFAB #7E9FB2 #86A9BD #9297AF #9B9FB5

Triadic Palette

#7695A6 #86A9BD #C57CAA #CC8CB4 #AAC57C #96AD6D

Split Complementary Palette

#7998AA #86A9BD #BC858D #C39198 #BCB585 #A9A378

Square Palette

#718E9F #86A9BD #AE8FB3 #B39C8F #8DBC85 #9FC799

Tetradic Palette

#6E8B9B #86A9BD #9574CD #BC9985 #ACCD74 #BBD68D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86A9BD contains 134 red, 169 green, and 189 blue.

Contrast Ratio: 2.45:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.57:1