#404D6A Color

Color Information

HEX#404D6A
RGB64, 77, 106
HSL221° , 25% , 33%
HSV221° , 40% , 42%
CMYK40%, 27%, 0%, 58%

Lighter Shades

#57627C #6E788E #858DA0 #9CA2B2 #B3B8C3 #CACDD5

Darker Shades

#38445D #313B51 #293144 #212837 #1A1F2A #12161E

Complementary Palette

#37425B #404D6A #5A4F36 #695C3F #7E735A #5B667F

Analogous Palette

#415358 #485C61 #3C4864 #404D6A #4C4861 #58526F

Triadic Palette

#38445D #404D6A #723749 #834F5F #497237 #406430

Split Complementary Palette

#3A455F #404D6A #69473F #785952 #61693F #575F39

Square Palette

#364159 #404D6A #61485C #615948 #3F6947 #5E8164

Tetradic Palette

#343F57 #404D6A #613078 #695C3F #477830 #689055

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #404D6A contains 64 red, 77 green, and 106 blue.

Contrast Ratio: 8.61:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.44:1