#404C75 Color

Color Information

HEX	#404C75
RGB	64, 76, 117
HSL	226° , 29% , 35%
HSV	226° , 45% , 46%
CMYK	45%, 35%, 0%, 54%

Lighter Shades

#576186 #6E7796 #858CA7 #9CA2B7 #B3B7C8 #CACDD8

Darker Shades

#384367 #313A59 #29314B #21283D #1A1E2F #121521

Complementary Palette

#374165 #404C75 #635936 #73673F #877C5A #5B6588

Analogous Palette

#45575E #4C5F67 #3C476E #404C75 #534C67 #5F5775

Triadic Palette

#384367 #404C75 #7C3647 #8C4E5D #477C36 #3E6D30

Split Complementary Palette

#3A4469 #404C75 #734D3F #815F52 #65733F #5B6839

Square Palette

#364062 #404C75 #6A4861 #6A6248 #3F734D #5E8969

Tetradic Palette

#343E60 #404C75 #702F83 #73673F #43832F #659954

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #404C75 contains 64 red, 76 green, and 117 blue.

Contrast Ratio: 8.53:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.46:1