#5686B3 Color

Color Information

HEX	#5686B3
RGB	86, 134, 179
HSL	209° , 38% , 52%
HSV	209° , 52% , 70%
CMYK	52%, 25%, 0%, 30%

Lighter Shades

#6A95BC #7FA3C5 #93B2CE #A7C0D7 #BBCFE1 #D0DDEA

Darker Shades

#4C769E #416688 #375673 #2D465D #223648 #182632

Complementary Palette

#4A739A #5686B3 #9A714A #B38356 #BE946E #6E97BE

Analogous Palette

#688D8C #6F9B9A #517EA8 #5686B3 #6F6F9B #7B7BA3

Triadic Palette

#4C769E #5686B3 #BF4A87 #C76095 #87BF4A #77A841

Split Complementary Palette

#4D79A1 #5686B3 #B35658 #BB6769 #B3B256 #A1A04D

Square Palette

#487196 #5686B3 #A662A7 #A78362 #58B356 #73BF71

Tetradic Palette

#476E93 #5686B3 #8240C9 #B38356 #87C940 #9DD362

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5686B3 contains 86 red, 134 green, and 179 blue.

Contrast Ratio: 3.8:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.53:1