#5677BA Color

Color Information

HEX	#5677BA
RGB	86, 119, 186
HSL	220° , 42% , 53%
HSV	220° , 54% , 73%
CMYK	54%, 36%, 0%, 27%

Lighter Shades

#6A87C2 #7F98CB #93A8D3 #A7B8DB #BBC9E3 #D0D9EC

Darker Shades

#4C69A4 #415A8D #374C77 #2D3E61 #22304A #182134

Complementary Palette

#4A66A0 #5677BA #9F8349 #B99855 #C3A66D #6E8AC4

Analogous Palette

#688B92 #6D99A2 #5170AF #5677BA #766DA2 #8179A9

Triadic Palette

#4C69A4 #5677BA #C54972 #CC5F83 #72C549 #64AD40

Split Complementary Palette

#4D6BA7 #5677BA #B96655 #C07566 #A9B955 #98A74D

Square Palette

#48649C #5677BA #AE61A1 #AE9461 #55B966 #70C47E

Tetradic Palette

#476299 #5677BA #9F3FCF #B99855 #6FCF3F #89D862

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5677BA contains 86 red, 119 green, and 186 blue.

Contrast Ratio: 4.39:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.79:1