#404396 Color

Color Information

HEX#404396
RGB64, 67, 150
HSL238° , 40% , 42%
HSV238° , 57% , 59%
CMYK57%, 55%, 0%, 41%

Lighter Shades

#575AA3 #6E70AF #8587BC #9C9DC8 #B3B4D5 #CACAE2

Darker Shades

#383B84 #313372 #292B60 #21234E #1A1B3C #12132A

Complementary Palette

#373A81 #404396 #817E37 #969340 #A5A25B #5B5DA5

Analogous Palette

#506577 #566D81 #3C3F8D #404396 #6A5681 #746487

Triadic Palette

#383B84 #404396 #A13639 #AC4E51 #39A136 #328E30

Split Complementary Palette

#3A3C87 #404396 #966840 #A17753 #6E9640 #63873A

Square Palette

#36387E #404396 #8B4B6D #8B894B #409668 #5FA780

Tetradic Palette

#34377B #404396 #A52DA9 #969340 #31A92D #56B853

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #404396 contains 64 red, 67 green, and 150 blue.

Contrast Ratio: 8.72:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.41:1