#404BE2 Color

Color Information

HEX	#404BE2
RGB	64, 75, 226
HSL	236° , 74% , 57%
HSV	236° , 72% , 89%
CMYK	72%, 67%, 0%, 11%

Lighter Shades

#5761E5 #6E76E9 #858CEC #9CA1F0 #B3B7F3 #CACDF7

Darker Shades

#3842C7 #3139AC #293091 #212776 #1A1E5A #12153F

Complementary Palette

#3741C2 #404BE2 #C2BA37 #E2D840 #E6DD5B #5B64E6

Analogous Palette

#528BB7 #5699CD #3C47D4 #404BE2 #8956CD #9463CF

Triadic Palette

#3842C7 #404BE2 #ED3542 #EF4D59 #42ED35 #3AD12F

Split Complementary Palette

#3A44CB #404BE2 #E28740 #E59353 #9CE240 #8CCB3A

Square Palette

#363FBE #404BE2 #D84B9B #D8CE4B #40E287 #5FE79A

Tetradic Palette

#343EB9 #404BE2 #E92CF6 #E2D840 #3AF62C #5DF852

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #404BE2 contains 64 red, 75 green, and 226 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