#404EB6 Color

Color Information

HEX	#404EB6
RGB	64, 78, 182
HSL	233° , 48% , 48%
HSV	233° , 65% , 71%
CMYK	65%, 57%, 0%, 29%

Lighter Shades

#5763BF #6E78C8 #858ED0 #9CA3D9 #B3B8E2 #CACDEB

Darker Shades

#3845A0 #313B8A #293274 #21295F #1A1F49 #121633

Complementary Palette

#37439D #404EB6 #9C9037 #B5A740 #BFB35B #5B67C0

Analogous Palette

#517890 #58829D #3C49AB #404EB6 #72589D #7E67A2

Triadic Palette

#3845A0 #404EB6 #C13344 #C84B5A #44C133 #3CAA2D

Split Complementary Palette

#3A46A4 #404EB6 #B56D40 #BC7C53 #88B540 #7AA33A

Square Palette

#364299 #404EB6 #A94C85 #A99E4C #40B56D #5FC184

Tetradic Palette

#344095 #404EB6 #B82ACB #B5A740 #3CCB2A #5FD450

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #404EB6 contains 64 red, 78 green, and 182 blue.

Contrast Ratio: 7.13:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.95:1