#5656D3 Color

Color Information

HEX	#5656D3
RGB	86, 86, 211
HSL	240° , 59% , 58%
HSV	240° , 59% , 83%
CMYK	59%, 59%, 0%, 17%

Lighter Shades

#6A6AD8 #7F7FDE #9393E3 #A7A7E8 #BBBBED #D0D0F3

Darker Shades

#4C4CBA #4141A0 #373787 #2D2D6E #222254 #18183B

Complementary Palette

#4A4AB5 #5656D3 #B5B549 #D3D355 #D9D96D #6E6ED9

Analogous Palette

#6487AA #6A94BE #5151C6 #5656D3 #946ABE #9E78C4

Triadic Palette

#4C4CBA #5656D3 #DE4A4A #E26060 #4ADE4A #41C341

Split Complementary Palette

#4D4DBE #5656D3 #D39455 #D79F66 #94D355 #85BE4D

Square Palette

#4848B1 #5656D3 #C85F94 #C8C85F #55D394 #70DAA5

Tetradic Palette

#4747AD #5656D3 #E641E6 #D3D355 #41E641 #63EB63

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5656D3 contains 86 red, 86 green, and 211 blue.

Contrast Ratio: 5.75:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.65:1