#5A6994 Color

Color Information

HEX#5A6994
RGB90, 105, 148
HSL224° , 24% , 47%
HSV224° , 39% , 58%
CMYK39%, 29%, 0%, 42%

Lighter Shades

#6E7BA1 #828DAE #959FBB #A9B1C7 #BDC3D4 #D1D5E1

Darker Shades

#4F5C82 #445070 #3A435F #2F374D #242A3B #191D29

Complementary Palette

#4D5A7F #5A6994 #80724E #95855B #A49672 #717EA3

Analogous Palette

#5D767E #66818A #55638B #5A6994 #6E668A #796F95

Triadic Palette

#4F5C82 #5A6994 #A14F65 #AC6477 #65A14F #598E46

Split Complementary Palette

#515F85 #5A6994 #95695B #A0786B #87955B #7A8652

Square Palette

#4C587C #5A6994 #8A6681 #8A8066 #5B9569 #75A681

Tetradic Palette

#4A5679 #5A6994 #8E46AA #95855B #60AA46 #7DB967

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A6994 contains 90 red, 105 green, and 148 blue.

Contrast Ratio: 5.39:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.9:1