#404696 Color

Color Information

HEX#404696
RGB64, 70, 150
HSL236° , 40% , 42%
HSV236° , 57% , 59%
CMYK57%, 53%, 0%, 41%

Lighter Shades

#575CA3 #6E72AF #8589BC #9C9FC8 #B3B5D5 #CACBE2

Darker Shades

#383E84 #313572 #292D60 #21244E #1A1C3C #12142A

Complementary Palette

#373C81 #404696 #817C37 #969040 #A5A05B #5B60A5

Analogous Palette

#506677 #566E81 #3C428D #404696 #685681 #736487

Triadic Palette

#383E84 #404696 #A1363D #AC4E54 #3DA136 #368E30

Split Complementary Palette

#3A3F87 #404696 #966540 #A17453 #719640 #66873A

Square Palette

#363B7E #404696 #8B4B6F #8B874B #409665 #5FA77E

Tetradic Palette

#34397B #404696 #A12DA9 #969040 #35A92D #59B853

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #404696 contains 64 red, 70 green, and 150 blue.

Contrast Ratio: 8.45:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.48:1