#404F85 Color

Color Information

HEX	#404F85
RGB	64, 79, 133
HSL	227° , 35% , 39%
HSV	227° , 52% , 52%
CMYK	52%, 41%, 0%, 48%

Lighter Shades

#576494 #6E79A2 #858EB1 #9CA3C0 #B3B9CE #CACEDD

Darker Shades

#384675 #313C65 #293355 #212945 #1A2035 #121625

Complementary Palette

#374472 #404F85 #736638 #867741 #978A5C #5B6896

Analogous Palette

#4E626A #556A72 #3C4A7D #404F85 #5D5572 #695F81

Triadic Palette

#384675 #404F85 #90374A #9D4F60 #4A9037 #417F30

Split Complementary Palette

#3A4778 #404F85 #865441 #926554 #738641 #68793B

Square Palette

#364270 #404F85 #7C4B6E #7C724B #418654 #5F996F

Tetradic Palette

#34416D #404F85 #812F98 #867741 #46982F #67AB54

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #404F85 contains 64 red, 79 green, and 133 blue.

Contrast Ratio: 7.97:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.63:1