#3F4D86 Color

Color Information

HEX	#3F4D86
RGB	63, 77, 134
HSL	228° , 36% , 39%
HSV	228° , 53% , 53%
CMYK	53%, 43%, 0%, 47%

Lighter Shades

#566295 #6D78A3 #848DB2 #9BA2C0 #B2B8CF #C9CDDD

Darker Shades

#374476 #303B66 #283156 #212846 #191F36 #121626

Complementary Palette

#364273 #3F4D86 #746837 #877940 #988C5B #5A6697

Analogous Palette

#4D626A #546A73 #3B487E #3F4D86 #5D5473 #695F81

Triadic Palette

#374476 #3F4D86 #913648 #9E4E5E #489136 #3F8030

Split Complementary Palette

#394579 #3F4D86 #875540 #936653 #728740 #677A3A

Square Palette

#354171 #3F4D86 #7D4A6E #7D734A #408755 #5F9A70

Tetradic Palette

#343F6E #3F4D86 #842E99 #877940 #43992E #65AB54

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3F4D86 contains 63 red, 77 green, and 134 blue.

Contrast Ratio: 8.16:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.57:1