#405777 Color

Color Information

HEX	#405777
RGB	64, 87, 119
HSL	215° , 30% , 36%
HSV	215° , 46% , 47%
CMYK	46%, 27%, 0%, 53%

Lighter Shades

#576B87 #6E7F98 #8593A8 #9CA8B8 #B3BCC9 #CAD0D9

Darker Shades

#384D69 #31425A #29384C #212D3E #1A2330 #121821

Complementary Palette

#374B66 #405777 #665337 #776040 #8A765B #5B6F8A

Analogous Palette

#485F61 #4E686A #3C5270 #405777 #504E6A #5C5978

Triadic Palette

#384D69 #405777 #813756 #904F6A #568137 #4C7230

Split Complementary Palette

#3A4E6B #405777 #774540 #855853 #737740 #686B3A

Square Palette

#364964 #405777 #6E496C #6E5F49 #407745 #5F8D63

Tetradic Palette

#344762 #405777 #633088 #776040 #548830 #739D55

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #405777 contains 64 red, 87 green, and 119 blue.

Contrast Ratio: 7.46:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.82:1