#406BAC Color

Color Information

HEX#406BAC
RGB64, 107, 172
HSL216° , 46% , 46%
HSV216° , 63% , 67%
CMYK63%, 38%, 0%, 33%

Lighter Shades

#577DB6 #6E8FC0 #85A0CA #9CB2D4 #B3C4DE #CAD6E8

Darker Shades

#385E97 #315183 #29446E #213859 #1A2B45 #121E30

Complementary Palette

#375C94 #406BAC #936E36 #AB803F #B7925A #5B80B8

Analogous Palette

#4F8187 #578E94 #3C65A2 #406BAC #5D5794 #6C6798

Triadic Palette

#385E97 #406BAC #B73468 #C04C7A #68B734 #5CA12E

Split Complementary Palette

#3A609B #406BAC #AB4A3F #B35C52 #A0AB3F #909A39

Square Palette

#365A90 #406BAC #A04B97 #A07E4B #3FAB4A #5EB867

Tetradic Palette

#34588D #406BAC #842AC0 #AB803F #66C02A #82CB50

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #406BAC contains 64 red, 107 green, and 172 blue.

Contrast Ratio: 5.35:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.93:1