#86BBC2 Color

Color Information

HEX#86BBC2
RGB134, 187, 194
HSL187° , 33% , 64%
HSV187° , 31% , 76%
CMYK31%, 4%, 0%, 24%

Lighter Shades

#95C3C9 #A3CBD1 #B2D3D8 #C0DCDF #CFE4E7 #DDECEE

Darker Shades

#76A5AB #668E93 #56787C #466165 #364B4E #263436

Complementary Palette

#73A1A7 #86BBC2 #A67872 #C18C85 #CA9C96 #97C5CB

Analogous Palette

#87A69A #95B1A6 #7EB0B6 #86BBC2 #95A0B1 #9EA8B7

Triadic Palette

#76A5AB #86BBC2 #CB7CC1 #D18CC8 #C1CB7C #AAB36D

Split Complementary Palette

#79A8AF #86BBC2 #C1859C #C791A6 #C1AA85 #AE9978

Square Palette

#719DA3 #86BBC2 #A88EB8 #B8938E #9CC185 #ACCB99

Tetradic Palette

#6E999F #86BBC2 #7F74D2 #C18C85 #C7D274 #D1DA8D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86BBC2 contains 134 red, 187 green, and 194 blue.

Contrast Ratio: 2.09:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 10.05:1