#3F31AE Color

Color Information

HEX	#3F31AE
RGB	63, 49, 174
HSL	247° , 56% , 44%
HSV	247° , 72% , 68%
CMYK	64%, 72%, 0%, 32%

Lighter Shades

#564AB8 #6D62C1 #847BCB #9B94D5 #B2ADDF #C9C5E8

Darker Shades

#372B99 #302584 #281F6F #21195A #191446 #120E31

Complementary Palette

#362A96 #3F31AE #8A972A #A0AF31 #ADBA4E #5A4EB9

Analogous Palette

#415D8B #486799 #3B2EA4 #3F31AE #7A4899 #82599B

Triadic Palette

#372B99 #3F31AE #BA3726 #C24F40 #26BA37 #21A430

Split Complementary Palette

#392C9D #3F31AE #AF7F31 #B78C46 #62AF31 #589E2C

Square Palette

#352992 #3F31AE #A43D64 #98A43D #31AF7F #52BC93

Tetradic Palette

#34288F #3F31AE #C31DB0 #A0AF31 #1DC331 #46CE56

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3F31AE contains 63 red, 49 green, and 174 blue.

Contrast Ratio: 9.55:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.2:1