#3F4473 Color

Color Information

HEX	#3F4473
RGB	63, 68, 115
HSL	234° , 29% , 35%
HSV	234° , 45% , 45%
CMYK	45%, 41%, 0%, 55%

Lighter Shades

#565A84 #6D7195 #8487A5 #9B9EB6 #B2B4C7 #C9CBD8

Darker Shades

#373C65 #303457 #282C4A #21233C #191B2E #121320

Complementary Palette

#363A63 #3F4473 #635F36 #736E3F #87825A #5A5E87

Analogous Palette

#45545E #4C5C67 #3B406C #3F4473 #574C67 #635775

Triadic Palette

#373C65 #3F4473 #7C363F #8C4E56 #3F7C36 #376D30

Split Complementary Palette

#393D68 #3F4473 #73543F #816552 #5E733F #556839

Square Palette

#353961 #3F4473 #6A485D #6A6748 #3F7354 #5E896F

Tetradic Palette

#34385E #3F4473 #7B2F83 #736E3F #39832F #5D9954

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3F4473 contains 63 red, 68 green, and 115 blue.

Contrast Ratio: 9.43:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.23:1