#414996 Color

Color Information

HEX#414996
RGB65, 73, 150
HSL234° , 40% , 42%
HSV234° , 57% , 59%
CMYK57%, 51%, 0%, 41%

Lighter Shades

#585FA3 #6F75AF #858BBC #9CA0C8 #B3B6D5 #CACCE2

Darker Shades

#394084 #313772 #2A2F60 #22264E #1A1D3C #12142A

Complementary Palette

#383F81 #414996 #817937 #968D40 #A59D5B #5C62A5

Analogous Palette

#506777 #566F81 #3D458D #414996 #675681 #726487

Triadic Palette

#394084 #414996 #A13640 #AC4E57 #40A136 #388E30

Split Complementary Palette

#3B4287 #414996 #966340 #A17353 #749640 #68873A

Square Palette

#373D7E #414996 #8B4B72 #8B854B #409663 #5FA77C

Tetradic Palette

#353C7B #414996 #9D2DA9 #968D40 #39A92D #5DB853

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #414996 contains 65 red, 73 green, and 150 blue.

Contrast Ratio: 8.16:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.57:1