#3F54B0 Color

Color Information

HEX	#3F54B0
RGB	63, 84, 176
HSL	229° , 47% , 47%
HSV	229° , 64% , 69%
CMYK	64%, 52%, 0%, 31%

Lighter Shades

#5669B9 #6D7DC3 #8492CC #9BA6D6 #B2BBDF #C9CFE9

Darker Shades

#374A9B #304086 #283671 #212C5C #192246 #121831

Complementary Palette

#364897 #3F54B0 #978637 #B09C40 #BBAA5B #5A6CBB

Analogous Palette

#50798B #578498 #3B4FA5 #3F54B0 #6C5798 #78689C

Triadic Palette

#374A9B #3F54B0 #BC344D #C44C62 #4DBC34 #44A52E

Split Complementary Palette

#394C9E #3F54B0 #B06340 #B87353 #8DB040 #7F9E3A

Square Palette

#354794 #3F54B0 #A44C88 #A4944C #40B063 #5FBD7C

Tetradic Palette

#344590 #3F54B0 #A92AC6 #B09C40 #47C62A #68D050

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3F54B0 contains 63 red, 84 green, and 176 blue.

Contrast Ratio: 6.82:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.08:1