#574E96 Color

Color Information

HEX#574E96
RGB87, 78, 150
HSL248° , 32% , 45%
HSV248° , 48% , 59%
CMYK42%, 48%, 0%, 41%

Lighter Shades

#6B63A3 #7F78AF #938EBC #A8A3C8 #BCB8D5 #D0CDE2

Darker Shades

#4D4584 #423B72 #383260 #2D294E #231F3C #18162A

Complementary Palette

#4B4381 #574E96 #7A8243 #8E974E #9EA667 #6F67A5

Analogous Palette

#596478 #626E84 #52498D #574E96 #786284 #836A90

Triadic Palette

#4D4584 #574E96 #A34F43 #AE645A #43A34F #3B8F46

Split Complementary Palette

#4E4687 #574E96 #977D4E #A18A60 #69974E #5F8846

Square Palette

#49427E #574E96 #8C5A6C #868C5A #4E977D #6AA892

Tetradic Palette

#47407B #574E96 #AC399F #8E974E #39AC49 #5DBB6A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #574E96 contains 87 red, 78 green, and 150 blue.

Contrast Ratio: 7.23:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.9:1