#404560 Color

Color Information

HEX	#404560
RGB	64, 69, 96
HSL	231° , 20% , 31%
HSV	231° , 33% , 38%
CMYK	33%, 28%, 0%, 62%

Lighter Shades

#575B73 #6E7286 #858899 #9C9EAC #B3B5BF #CACBD2

Darker Shades

#383D54 #313449 #292C3D #212432 #1A1C26 #12131B

Complementary Palette

#373B53 #404560 #524D36 #5F5A3F #75715A #5B5F76

Analogous Palette

#3D4B52 #43535B #3C415A #404560 #4B435B #574E6A

Triadic Palette

#383D54 #404560 #67373E #794F55 #3E6737 #375B30

Split Complementary Palette

#3A3E56 #404560 #5F4A3F #6F5C52 #545F3F #4C5639

Square Palette

#363A51 #404560 #5B4353 #5B5743 #3F5F4A #5E7967

Tetradic Palette

#34394F #404560 #64316D #5F5A3F #3A6D31 #5D8756

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #404560 contains 64 red, 69 green, and 96 blue.

Contrast Ratio: 9.64:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.18:1