#3F56BF Color

Color Information

HEX#3F56BF
RGB63, 86, 191
HSL229° , 50% , 50%
HSV229° , 67% , 75%
CMYK67%, 55%, 0%, 25%

Lighter Shades

#566AC7 #6D7FCE #8493D6 #9BA7DE #B2BBE5 #C9D0ED

Darker Shades

#374CA8 #304191 #28377A #212D63 #19224C #121835

Complementary Palette

#364AA4 #3F56BF #A49037 #BFA840 #C8B45B #5A6EC8

Analogous Palette

#528298 #598EA6 #3B51B4 #3F56BF #7159A6 #7D67AD

Triadic Palette

#374CA8 #3F56BF #CC334F #D24B64 #4FCC33 #46B42D

Split Complementary Palette

#394DAC #3F56BF #BF6840 #C57753 #97BF40 #88AC3A

Square Palette

#3548A0 #3F56BF #B34D92 #B3A04D #40BF68 #5FC980

Tetradic Palette

#34479D #3F56BF #B629D6 #BFA840 #49D629 #6ADD50

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3F56BF contains 63 red, 86 green, and 191 blue.

Contrast Ratio: 6.42:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.27:1