#5A3E6F Color

Color Information

HEX#5A3E6F
RGB90, 62, 111
HSL274° , 28% , 34%
HSV274° , 44% , 44%
CMYK19%, 44%, 0%, 56%

Lighter Shades

#6E5580 #826C92 #9583A3 #A99BB4 #BDB2C5 #D1C9D7

Darker Shades

#4F3762 #442F54 #3A2847 #2F203A #24192C #19111F

Complementary Palette

#4D355F #5A3E6F #475F35 #536F3E #6B8359 #715983

Analogous Palette

#45435B #4C4A64 #553A68 #5A3E6F #644A62 #725570

Triadic Palette

#4F3762 #5A3E6F #785B36 #886F4E #36785B #306A50

Split Complementary Palette

#513864 #5A3E6F #6C6F3E #7B7D51 #3E6F42 #38643B

Square Palette

#4C345D #5A3E6F #664A47 #556647 #3E6C6F #5D8486

Tetradic Palette

#4A335B #5A3E6F #7F2F51 #536F3E #2F7F5C #549679

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A3E6F contains 90 red, 62 green, and 111 blue.

Contrast Ratio: 9.13:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.3:1