#406AAB Color

Color Information

HEX#406AAB
RGB64, 106, 171
HSL216° , 46% , 46%
HSV216° , 63% , 67%
CMYK63%, 38%, 0%, 33%

Lighter Shades

#577CB5 #6E8EBF #85A0C9 #9CB2D3 #B3C3DD #CAD5E7

Darker Shades

#385D96 #315182 #29446D #213759 #1A2A44 #121E30

Complementary Palette

#375B93 #406AAB #936E36 #AB803F #B7925A #5B7FB7

Analogous Palette

#4F8187 #578E94 #3C64A1 #406AAB #5D5794 #6C6798

Triadic Palette

#385D96 #406AAB #B73468 #C04C7A #68B734 #5CA12E

Split Complementary Palette

#3A5F9A #406AAB #AB4A3F #B35C52 #A0AB3F #909A39

Square Palette

#365990 #406AAB #A04B97 #A07E4B #3FAB4A #5EB867

Tetradic Palette

#34578C #406AAB #842AC0 #AB803F #66C02A #82CB50

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #406AAB contains 64 red, 106 green, and 171 blue.

Contrast Ratio: 5.42:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.88:1