#3F5B9E Color

Color Information

HEX	#3F5B9E
RGB	63, 91, 158
HSL	222° , 43% , 43%
HSV	222° , 60% , 62%
CMYK	60%, 42%, 0%, 38%

Lighter Shades

#566FAA #6D82B5 #8496C1 #9BAACD #B2BDD8 #C9D1E4

Darker Shades

#37508B #304578 #283A65 #212F52 #19243F #12192C

Complementary Palette

#364E88 #3F5B9E #876F36 #9D813F #AB935A #5A72AC

Analogous Palette

#4F747D #547D87 #3B5695 #3F5B9E #5E5487 #6F678E

Triadic Palette

#37508B #3F5B9E #A83456 #B24C6A #56A834 #4C942E

Split Complementary Palette

#39528E #3F5B9E #9D513F #A76252 #8A9D3F #7C8D39

Square Palette

#354C85 #3F5B9E #924983 #927C49 #3F9D51 #5EAD6D

Tetradic Palette

#344B82 #3F5B9E #882BB1 #9D813F #53B12B #72BF51

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3F5B9E contains 63 red, 91 green, and 158 blue.

Contrast Ratio: 6.6:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.18:1