#404C5E Color

Color Information

HEX#404C5E
RGB64, 76, 94
HSL216° , 19% , 31%
HSV216° , 32% , 37%
CMYK32%, 19%, 0%, 63%

Lighter Shades

#576171 #6E7785 #858C98 #9CA2AB #B3B7BF #CACDD2

Darker Shades

#384353 #313A47 #29313C #212831 #1A1E26 #12151A

Complementary Palette

#374151 #404C5E #514737 #5E5240 #756A5B #5B6575

Analogous Palette

#3D5152 #43595B #3C4758 #404C5E #46435B #514E6A

Triadic Palette

#384353 #404C5E #66384A #785060 #4A6638 #415A31

Split Complementary Palette

#3A4455 #404C5E #5E4340 #6E5653 #5B5E40 #52553A

Square Palette

#36404F #404C5E #5B4359 #5B5143 #405E43 #5F7861

Tetradic Palette

#343E4D #404C5E #55326C #5E5240 #496C32 #6A8657

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #404C5E contains 64 red, 76 green, and 94 blue.

Contrast Ratio: 8.89:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.36:1