#86BCBD Color

Color Information

HEX#86BCBD
RGB134, 188, 189
HSL181° , 29% , 63%
HSV181° , 29% , 74%
CMYK29%, 1%, 0%, 26%

Lighter Shades

#95C4C5 #A3CCCD #B2D4D5 #C0DCDD #CFE4E5 #DDECED

Darker Shades

#76A5A6 #668F90 #567879 #466262 #364B4C #263535

Complementary Palette

#73A2A3 #86BCBD #A27372 #BC8685 #C59796 #97C5C6

Analogous Palette

#84A495 #92AFA2 #7EB1B2 #86BCBD #92A0AF #9BA8B5

Triadic Palette

#76A5A6 #86BCBD #C57CC4 #CC8CCB #C4C57C #ACAD6D

Split Complementary Palette

#79A9AA #86BCBD #BC85A0 #C391AA #BCA285 #A99278

Square Palette

#719E9F #86BCBD #A28FB3 #B38F8F #A0BC85 #AFC799

Tetradic Palette

#6E9A9B #86BCBD #7674CD #BC8685 #CCCD74 #D5D68D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86BCBD contains 134 red, 188 green, and 189 blue.

Contrast Ratio: 2.08:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 10.09:1