#5685A7 Color

Color Information

HEX#5685A7
RGB86, 133, 167
HSL205° , 32% , 50%
HSV205° , 49% , 65%
CMYK49%, 20%, 0%, 35%

Lighter Shades

#6A94B2 #7FA2BC #93B1C7 #A7C0D1 #BBCEDC #D0DDE6

Darker Shades

#4C7593 #41657F #37556B #2D4557 #223543 #18252F

Complementary Palette

#4A7290 #5685A7 #90684B #A87957 #B48C6F #6E96B3

Analogous Palette

#648784 #6C9390 #517D9D #5685A7 #6C7093 #787C9B

Triadic Palette

#4C7593 #5685A7 #B54A88 #BE6096 #88B54A #789F41

Split Complementary Palette

#4D7896 #5685A7 #A8575E #B1686E #A8A257 #97924E

Square Palette

#48708C #5685A7 #98639C #9C7B63 #5EA857 #78B672

Tetradic Palette

#476D89 #5685A7 #7540BF #A87957 #8ABF40 #9FCB62

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5685A7 contains 86 red, 133 green, and 167 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