#3C50DF Color

Color Information

HEX	#3C50DF
RGB	60, 80, 223
HSL	233° , 72% , 55%
HSV	233° , 73% , 87%
CMYK	73%, 64%, 0%, 13%

Lighter Shades

#5365E3 #6B7AE7 #828FEB #9AA4EE #B1B9F2 #C8CEF6

Darker Shades

#3546C4 #2E3DA9 #26338F #1F2A74 #182059 #11163E

Complementary Palette

#3445C0 #3C50DF #C0AF32 #DFCC3A #E3D356 #5769E3

Analogous Palette

#508EB4 #519AC8 #384BD2 #3C50DF #7E51C8 #8A60CD

Triadic Palette

#3546C4 #3C50DF #EA2E44 #ED475A #44EA2E #3CCE28

Split Complementary Palette

#3648C9 #3C50DF #DF793A #E2864E #A0DF3A #90C934

Square Palette

#3243BB #3C50DF #D3459D #D3C345 #3ADF79 #5AE48E

Tetradic Palette

#3142B7 #3C50DF #DB25F4 #DFCC3A #3DF425 #60F64C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C50DF contains 60 red, 80 green, and 223 blue.

Contrast Ratio: 6.24:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.37:1