#5686B5 Color

Color Information

HEX#5686B5
RGB86, 134, 181
HSL210° , 39% , 52%
HSV210° , 52% , 71%
CMYK52%, 26%, 0%, 29%

Lighter Shades

#6A95BE #7FA3C7 #93B2D0 #A7C0D9 #BBCFE1 #D0DDEA

Darker Shades

#4C769F #41668A #375674 #2D465E #223648 #182633

Complementary Palette

#4A739C #5686B5 #9B7249 #B48555 #BF966D #6E97BF

Analogous Palette

#678E8E #6D9C9C #517EAA #5686B5 #6D6D9C #7979A4

Triadic Palette

#4C769F #5686B5 #C14985 #C85F94 #85C149 #75AA40

Split Complementary Palette

#4D79A3 #5686B5 #B45555 #BC6666 #B4B455 #A2A24D

Square Palette

#487198 #5686B5 #A861A8 #A88561 #55B455 #70C070

Tetradic Palette

#476E94 #5686B5 #853FCA #B48555 #85CA3F #9BD462

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5686B5 contains 86 red, 134 green, and 181 blue.

Contrast Ratio: 3.79:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.54:1