#404C74 Color

Color Information

HEX	#404C74
RGB	64, 76, 116
HSL	226° , 29% , 35%
HSV	226° , 45% , 45%
CMYK	45%, 34%, 0%, 55%

Lighter Shades

#576185 #6E7795 #858CA6 #9CA2B7 #B3B7C7 #CACDD8

Darker Shades

#384366 #313A58 #29314A #21283C #1A1E2E #121520

Complementary Palette

#374164 #404C74 #635936 #73673F #877C5A #5B6587

Analogous Palette

#45575E #4C5F67 #3C476D #404C74 #534C67 #5F5775

Triadic Palette

#384366 #404C74 #7C3647 #8C4E5D #477C36 #3E6D30

Split Complementary Palette

#3A4468 #404C74 #734D3F #815F52 #65733F #5B6839

Square Palette

#364061 #404C74 #6A4861 #6A6248 #3F734D #5E8969

Tetradic Palette

#343E5F #404C74 #702F83 #73673F #43832F #659954

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #404C74 contains 64 red, 76 green, and 116 blue.

Contrast Ratio: 8.55:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.46:1