#404050 Color

Color Information

HEX#404050
RGB64, 64, 80
HSL240° , 11% , 28%
HSV240° , 20% , 31%
CMYK20%, 20%, 0%, 69%

Lighter Shades

#575765 #6E6E7A #85858F #9C9CA4 #B3B3B9 #CACACE

Darker Shades

#383846 #31313D #292933 #21212A #1A1A20 #121216

Complementary Palette

#373745 #404050 #444437 #4F4F40 #68685B #5B5B69

Analogous Palette

#38414C #3D4752 #3C3C4B #404050 #473D52 #574A64

Triadic Palette

#383846 #404050 #563939 #6A5151 #395639 #324C32

Split Complementary Palette

#3A3A48 #404050 #4F4740 #615953 #474F40 #40473A

Square Palette

#363643 #404050 #523D47 #52523D #404F47 #5F6B64

Tetradic Palette

#343442 #404050 #5B335B #4F4F40 #335B33 #587958

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #404050 contains 64 red, 64 green, and 80 blue.

Contrast Ratio: 10.5:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2:1