#408BAC Color

Color Information

HEX#408BAC
RGB64, 139, 172
HSL198° , 46% , 46%
HSV198° , 63% , 67%
CMYK63%, 19%, 0%, 33%

Lighter Shades

#5799B6 #6EA7C0 #85B5CA #9CC3D4 #B3D1DE #CADFE8

Darker Shades

#387A97 #316A83 #29596E #214859 #1A3845 #122730

Complementary Palette

#377894 #408BAC #935336 #AB603F #B7765A #5B9BB8

Analogous Palette

#4F877C #579488 #3C83A2 #408BAC #576394 #677298

Triadic Palette

#387A97 #408BAC #B73490 #C04C9D #90B734 #7FA12E

Split Complementary Palette

#3A7D9B #408BAC #AB3F55 #B35266 #AB963F #9A8739

Square Palette

#367590 #408BAC #8F4BA0 #A0644B #55AB3F #70B85E

Tetradic Palette

#34728D #408BAC #572AC0 #AB603F #93C02A #A6CB50

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #408BAC contains 64 red, 139 green, and 172 blue.

Contrast Ratio: 3.77:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.57:1