#5682BB Color

Color Information

HEX	#5682BB
RGB	86, 130, 187
HSL	214° , 43% , 54%
HSV	214° , 54% , 73%
CMYK	54%, 30%, 0%, 27%

Lighter Shades

#6A91C3 #7FA0CB #93AFD3 #A7BEDC #BBCDE4 #D0DCEC

Darker Shades

#4C72A5 #41638E #375378 #2D4461 #22344B #182434

Complementary Palette

#4A70A1 #5682BB #A27C4B #BC9057 #C5A06F #6E94C5

Analogous Palette

#6A9295 #6FA1A5 #517AB0 #5682BB #726FA5 #7C78AB

Triadic Palette

#4C72A5 #5682BB #C84C81 #CF6190 #81C84C #72B043

Split Complementary Palette

#4D75A8 #5682BB #BC5E57 #C36E68 #B5BC57 #A3A94E

Square Palette

#486D9D #5682BB #B063AB #B08F63 #57BC5E #72C778

Tetradic Palette

#476B99 #5682BB #9342D1 #BC9057 #80D142 #97D964

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5682BB contains 86 red, 130 green, and 187 blue.

Contrast Ratio: 3.91:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.37:1