#404C6C Color

Color Information

HEX	#404C6C
RGB	64, 76, 108
HSL	224° , 26% , 34%
HSV	224° , 41% , 42%
CMYK	41%, 30%, 0%, 58%

Lighter Shades

#57617E #6E778F #858CA1 #9CA2B3 #B3B7C4 #CACDD6

Darker Shades

#38435F #313A52 #293145 #212838 #1A1E2B #12151E

Complementary Palette

#37415D #404C6C #5E5337 #6D6140 #81775B #5B6581

Analogous Palette

#43565B #4A5E64 #3C4766 #404C6C #504A64 #5B5572

Triadic Palette

#38435F #404C6C #763748 #864F5E #487637 #3F6830

Split Complementary Palette

#3A4461 #404C6C #6D4B40 #7C5D53 #636D40 #59623A

Square Palette

#36405B #404C6C #65495F #655D49 #406D4B #5F8468

Tetradic Palette

#343E59 #404C6C #69317D #6D6140 #457D31 #669456

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #404C6C contains 64 red, 76 green, and 108 blue.

Contrast Ratio: 8.68:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.42:1