#405AAF Color

Color Information

HEX#405AAF
RGB64, 90, 175
HSL226° , 46% , 47%
HSV226° , 63% , 69%
CMYK63%, 49%, 0%, 31%

Lighter Shades

#576EB9 #6E82C2 #8595CC #9CA9D5 #B3BDDF #CAD1E9

Darker Shades

#384F9A #314485 #293A70 #212F5B #1A2446 #121931

Complementary Palette

#374D97 #405AAF #978038 #AF9541 #BAA45C #5B71BA

Analogous Palette

#517B8A #598697 #3C55A5 #405AAF #695997 #76689C

Triadic Palette

#384F9A #405AAF #BB3554 #C34D69 #54BB35 #4AA52F

Split Complementary Palette

#3A519E #405AAF #AF5E41 #B76E54 #92AF41 #839E3B

Square Palette

#364C93 #405AAF #A34D8C #A38F4D #41AF5E #5FBC78

Tetradic Palette

#344A90 #405AAF #A12BC5 #AF9541 #4FC52B #6FCF51

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #405AAF contains 64 red, 90 green, and 175 blue.

Contrast Ratio: 6.4:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.28:1