#3F45B0 Color

Color Information

HEX	#3F45B0
RGB	63, 69, 176
HSL	237° , 47% , 47%
HSV	237° , 64% , 69%
CMYK	64%, 61%, 0%, 31%

Lighter Shades

#565BB9 #6D72C3 #8488CC #9B9ED6 #B2B5DF #C9CBE9

Darker Shades

#373D9B #303486 #282C71 #21245C #191C46 #121331

Complementary Palette

#363B97 #3F45B0 #979337 #B0AB40 #BBB75B #5A5FBB

Analogous Palette

#50718B #577B98 #3B41A5 #3F45B0 #755798 #7F689C

Triadic Palette

#373D9B #3F45B0 #BC343A #C44C52 #3ABC34 #33A52E

Split Complementary Palette

#393E9E #3F45B0 #B07240 #B88053 #7DB040 #719E3A

Square Palette

#353A94 #3F45B0 #A44C7C #A4A04C #40B072 #5FBD89

Tetradic Palette

#343990 #3F45B0 #BE2AC6 #B0AB40 #32C62A #57D050

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3F45B0 contains 63 red, 69 green, and 176 blue.

Contrast Ratio: 7.95:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.64:1