#404164 Color

Color Information

HEX	#404164
RGB	64, 65, 100
HSL	238° , 22% , 32%
HSV	238° , 36% , 39%
CMYK	36%, 35%, 0%, 61%

Lighter Shades

#575877 #6E6F89 #85859C #9C9CAE #B3B3C1 #CACAD4

Darker Shades

#383958 #31314C #292A40 #212234 #1A1A28 #12121C

Complementary Palette

#373856 #404164 #565437 #646240 #7A785B #5B5C7A

Analogous Palette

#414D58 #45525E #3C3D5E #404164 #50455E #5D506D

Triadic Palette

#383958 #404164 #6C3739 #7E4F51 #396C37 #325F30

Split Complementary Palette

#3A3B5A #404164 #645040 #746253 #536440 #4B5A3A

Square Palette

#363754 #404164 #5E4552 #5E5D45 #406450 #5F7D6C

Tetradic Palette

#343552 #404164 #6F3172 #646240 #337231 #588B56

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #404164 contains 64 red, 65 green, and 100 blue.

Contrast Ratio: 10.03:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.09:1