#405D6F Color

Color Information

HEX	#405D6F
RGB	64, 93, 111
HSL	203° , 27% , 34%
HSV	203° , 42% , 44%
CMYK	42%, 16%, 0%, 56%

Lighter Shades

#577080 #6E8492 #8597A3 #9CABB4 #B3BEC5 #CAD2D7

Darker Shades

#385262 #314754 #293C47 #21303A #1A252C #121A1F

Complementary Palette

#37505F #405D6F #5F4636 #6E513F #82695A #5B7483

Analogous Palette

#435B59 #4A6461 #3C5768 #405D6F #4A4D64 #555972

Triadic Palette

#385262 #405D6F #77375E #874F71 #5E7737 #536930

Split Complementary Palette

#3A5464 #405D6F #6E3F45 #7D5258 #6E693F #635F39

Square Palette

#364E5D #405D6F #624865 #655348 #456E3F #63855E

Tetradic Palette

#344C5B #405D6F #4E307E #6E513F #607E30 #7D9555

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #405D6F contains 64 red, 93 green, and 111 blue.

Contrast Ratio: 7.02:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.99:1