#3A56DC Color

Color Information

HEX	#3A56DC
RGB	58, 86, 220
HSL	230° , 70% , 55%
HSV	230° , 74% , 86%
CMYK	74%, 61%, 0%, 14%

Lighter Shades

#526AE0 #697FE4 #8193E9 #99A7ED #B0BBF1 #C8D0F5

Darker Shades

#334CC2 #2C41A7 #25378D #1E2D72 #172258 #10183E

Complementary Palette

#324ABD #3A56DC #BEA734 #DDC23C #E2CB57 #566EE1

Analogous Palette

#5192B3 #539FC6 #3751CF #3A56DC #7953C6 #8362CB

Triadic Palette

#334CC2 #3A56DC #E8304F #EB4964 #4FE830 #46CC2A

Split Complementary Palette

#344DC6 #3A56DC #DD713C #E07F50 #A7DD3C #96C736

Square Palette

#3148B9 #3A56DC #D147A3 #D1BA47 #3CDD71 #5BE288

Tetradic Palette

#3047B4 #3A56DC #D027F1 #DDC23C #49F127 #6AF44E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A56DC contains 58 red, 86 green, and 220 blue.

Contrast Ratio: 5.97:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.52:1