#5A679B Color

Color Information

HEX#5A679B
RGB90, 103, 155
HSL228° , 27% , 48%
HSV228° , 42% , 61%
CMYK42%, 34%, 0%, 39%

Lighter Shades

#6E79A7 #828BB3 #959EBF #A9B0CB #BDC2D7 #D1D4E3

Darker Shades

#4F5B88 #444E76 #3A4263 #2F3651 #24293E #191D2B

Complementary Palette

#4D5985 #5A679B #857A4D #9B8E59 #A99E70 #717CA9

Analogous Palette

#5F7781 #68828D #556192 #5A679B #73688D #7E7297

Triadic Palette

#4F5B88 #5A679B #A84D61 #B26274 #61A84D #559444

Split Complementary Palette

#515D8C #5A679B #9B6D59 #A57C6A #889B59 #7A8C50

Square Palette

#4C5782 #5A679B #8F6683 #8F8766 #599B6D #74AB84

Tetradic Palette

#4A547F #5A679B #9B43B1 #9B8E59 #5BB143 #79BF65

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A679B contains 90 red, 103 green, and 155 blue.

Contrast Ratio: 5.44:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.86:1