#5669BB Color

Color Information

HEX	#5669BB
RGB	86, 105, 187
HSL	229° , 43% , 54%
HSV	229° , 54% , 73%
CMYK	54%, 44%, 0%, 27%

Lighter Shades

#6A7BC3 #7F8DCB #939FD3 #A7B1DC #BBC3E4 #D0D5EC

Darker Shades

#4C5CA5 #41508E #374378 #2D3761 #222A4B #181D34

Complementary Palette

#4A5AA1 #5669BB #A2924B #BCAA57 #C5B66F #6E7EC5

Analogous Palette

#6A8795 #6F94A5 #5163B0 #5669BB #806FA5 #8878AB

Triadic Palette

#4C5CA5 #5669BB #C84C62 #CF6175 #62C84C #56B043

Split Complementary Palette

#4D5FA8 #5669BB #BC7757 #C38568 #9CBC57 #8CA94E

Square Palette

#48589D #5669BB #B06398 #B0A263 #57BC77 #72C78D

Tetradic Palette

#475699 #5669BB #B742D1 #BCAA57 #5CD142 #79D964

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5669BB contains 86 red, 105 green, and 187 blue.

Contrast Ratio: 5.06:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.15:1