#3F5A8E Color

Color Information

HEX	#3F5A8E
RGB	63, 90, 142
HSL	219° , 39% , 40%
HSV	219° , 56% , 56%
CMYK	56%, 37%, 0%, 44%

Lighter Shades

#566E9C #6D82A9 #8495B7 #9BA9C4 #B2BDD2 #C9D1DF

Darker Shades

#374F7D #30446C #283A5B #212F4A #192439 #121928

Complementary Palette

#364D7A #3F5A8E #7A6235 #8E723E #9E8659 #5A719E

Analogous Palette

#4C6B70 #537479 #3B5585 #3F5A8E #585379 #676284

Triadic Palette

#374F7D #3F5A8E #983457 #A44C6B #579834 #4D862E

Split Complementary Palette

#395180 #3F5A8E #8E4A3E #995C51 #828E3E #758038

Square Palette

#354C77 #3F5A8E #84487B #846F48 #3E8E4A #5DA067

Tetradic Palette

#344A74 #3F5A8E #772CA0 #8E723E #55A02C #74B152

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3F5A8E contains 63 red, 90 green, and 142 blue.

Contrast Ratio: 6.9:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.04:1