#3F5B9B Color

Color Information

HEX	#3F5B9B
RGB	63, 91, 155
HSL	222° , 42% , 43%
HSV	222° , 59% , 61%
CMYK	59%, 41%, 0%, 39%

Lighter Shades

#566FA7 #6D82B3 #8496BF #9BAACB #B2BDD7 #C9D1E3

Darker Shades

#375088 #304576 #283A63 #212F51 #19243E #12192B

Complementary Palette

#364E85 #3F5B9B #866E37 #9C8040 #AA925B #5A72A9

Analogous Palette

#50737C #567C86 #3B5692 #3F5B9B #5F5686 #6F688D

Triadic Palette

#375088 #3F5B9B #A73557 #B24D6B #57A735 #4D932F

Split Complementary Palette

#39528C #3F5B9B #9C5240 #A66353 #899C40 #7B8C3A

Square Palette

#354C82 #3F5B9B #914B83 #917C4B #409C52 #5FAC6E

Tetradic Palette

#344B7F #3F5B9B #882CAF #9C8040 #53AF2C #72BD52

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3F5B9B contains 63 red, 91 green, and 155 blue.

Contrast Ratio: 6.64:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.16:1