#535581 Color

Color Information

HEX	#535581
RGB	83, 85, 129
HSL	237° , 22% , 42%
HSV	237° , 36% , 51%
CMYK	36%, 34%, 0%, 49%

Lighter Shades

#686990 #7C7E9F #9192AE #A6A7BD #BABBCD #CFCFDC

Darker Shades

#494B72 #3F4162 #353653 #2B2C43 #212234 #171824

Complementary Palette

#47496F #535581 #716E48 #838054 #94926C #6B6D93

Analogous Palette

#556472 #5B6C7B #4E5079 #535581 #695B7B #76668A

Triadic Palette

#494B72 #535581 #8D494C #9B5F61 #4C8D49 #437C40

Split Complementary Palette

#4B4D74 #535581 #836954 #8F7865 #6D8354 #62764C

Square Palette

#46476C #535581 #7B5B6C #7B795B #548369 #6F9781

Tetradic Palette

#44466A #535581 #904096 #838054 #459640 #66A962

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #535581 contains 83 red, 85 green, and 129 blue.

Contrast Ratio: 7.1:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.96:1