#5D86DC Color

Color Information

HEX	#5D86DC
RGB	93, 134, 220
HSL	221° , 64% , 61%
HSV	221° , 58% , 86%
CMYK	58%, 39%, 0%, 14%

Lighter Shades

#7095E0 #84A3E4 #97B2E9 #ABC0ED #BECFF1 #D2DDF5

Darker Shades

#5276C2 #4766A7 #3C568D #304672 #253658 #1A263E

Complementary Palette

#5073BD #5D86DC #BC9A4F #DBB35C #E0BE73 #7497E1

Analogous Palette

#6BA6B3 #70B7C7 #577ECF #5D86DC #8070C7 #8A7BCC

Triadic Palette

#5276C2 #5D86DC #E55281 #E86790 #81E552 #72CA48

Split Complementary Palette

#5479C6 #5D86DC #DB735C #DF816C #C4DB5C #B0C553

Square Palette

#4E71B9 #5D86DC #D166BE #D1AF66 #5CDB73 #76E189

Tetradic Palette

#4C6EB4 #5D86DC #B94AED #DBB35C #7EED4A #95F06B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5D86DC contains 93 red, 134 green, and 220 blue.

Contrast Ratio: 3.51:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.98:1