#86BCD0 Color

Color Information

HEX#86BCD0
RGB134, 188, 208
HSL196° , 44% , 67%
HSV196° , 36% , 82%
CMYK36%, 10%, 0%, 18%

Lighter Shades

#95C4D6 #A3CCDB #B2D4E1 #C0DCE7 #CFE4EC #DDECF2

Darker Shades

#76A5B7 #668F9E #567885 #46626C #364B53 #26353A

Complementary Palette

#73A2B3 #86BCD0 #B38473 #D09A86 #D7A897 #97C5D7

Analogous Palette

#90ADA6 #97BFB6 #7EB1C4 #86BCD0 #97A0BF #A0A8C5

Triadic Palette

#76A5B7 #86BCD0 #D87DC0 #DD8DC8 #C0D87D #A9BE6E

Split Complementary Palette

#79A9BB #86BCD0 #D08697 #D592A1 #D0BF86 #BBAC79

Square Palette

#719EAF #86BCD0 #BA8EC7 #C79D8E #97D086 #A8D899

Tetradic Palette

#6E9AAB #86BCD0 #9377DF #D09A86 #C3DF77 #CEE58F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86BCD0 contains 134 red, 188 green, and 208 blue.

Contrast Ratio: 2.04:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 10.27:1