#406CA5 Color

Color Information

HEX#406CA5
RGB64, 108, 165
HSL214° , 44% , 45%
HSV214° , 61% , 65%
CMYK61%, 35%, 0%, 35%

Lighter Shades

#577EB0 #6E8FBB #85A1C5 #9CB3D0 #B3C4DB #CAD6E6

Darker Shades

#385F91 #31527D #29456A #213856 #1A2B42 #121E2E

Complementary Palette

#375D8E #406CA5 #8E6837 #A57940 #B28C5B #5B81B2

Analogous Palette

#4F7E82 #578B8E #3C669B #406CA5 #5B578E #6B6892

Triadic Palette

#385F91 #406CA5 #B1356A #BA4D7C #6AB135 #5D9C2F

Split Complementary Palette

#3A6195 #406CA5 #A54740 #AE5953 #9FA540 #8F953A

Square Palette

#365B8B #406CA5 #9A4C95 #9A784C #40A547 #5FB364

Tetradic Palette

#345987 #406CA5 #7C2CBA #A57940 #69BA2C #84C652

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #406CA5 contains 64 red, 108 green, and 165 blue.

Contrast Ratio: 5.36:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.92:1