#5684CD Color

Color Information

HEX#5684CD
RGB86, 132, 205
HSL217° , 54% , 57%
HSV217° , 58% , 80%
CMYK58%, 36%, 0%, 20%

Lighter Shades

#6A93D3 #7FA2D9 #93B0DF #A7BFE5 #BBCEEB #D0DDF1

Darker Shades

#4C74B4 #41649C #375483 #2D456B #223552 #182539

Complementary Palette

#4A72B0 #5684CD #B0894A #CD9F56 #D4AC6E #6E95D4

Analogous Palette

#699EA5 #6CAEB7 #517CC1 #5684CD #756CB7 #827ABD

Triadic Palette

#4C74B4 #5684CD #D84B81 #DD6190 #81D84B #72BE42

Split Complementary Palette

#4D77B9 #5684CD #CD6456 #D27467 #BFCD56 #ACB94D

Square Palette

#486FAC #5684CD #C261B6 #C29D61 #56CD64 #71D57D

Tetradic Palette

#476CA8 #5684CD #A442E0 #CD9F56 #7FE042 #96E664

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5684CD contains 86 red, 132 green, and 205 blue.

Contrast Ratio: 3.72:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.64:1