#407A8D Color

Color Information

HEX#407A8D
RGB64, 122, 141
HSL195° , 38% , 40%
HSV195° , 55% , 55%
CMYK55%, 13%, 0%, 45%

Lighter Shades

#578A9B #6E9AA8 #85AAB6 #9CBAC4 #B3CAD1 #CADADF

Darker Shades

#386B7C #315D6B #294E5A #213F49 #1A3138 #122227

Complementary Palette

#376979 #407A8D #794736 #8D533F #9D6B5A #5B8D9D

Analogous Palette

#4D6F66 #54786F #3C7385 #407A8D #545D78 #626B84

Triadic Palette

#386B7C #407A8D #97357E #A34D8D #7E9735 #6F852F

Split Complementary Palette

#3A6E7F #407A8D #8D3F53 #985264 #8D793F #7F6D39

Square Palette

#366676 #407A8D #744983 #835849 #538D3F #6F9F5E

Tetradic Palette

#346474 #407A8D #492D9F #8D533F #839F2D #99B053

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #407A8D contains 64 red, 122 green, and 141 blue.

Contrast Ratio: 4.75:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.42:1