#53566C Color

Color Information

HEX#53566C
RGB83, 86, 108
HSL233° , 13% , 37%
HSV233° , 23% , 42%
CMYK23%, 20%, 0%, 58%

Lighter Shades

#686A7E #7C7F8F #9193A1 #A6A7B3 #BABBC4 #CFD0D6

Darker Shades

#494C5F #3F4152 #353745 #2B2D38 #21222B #17181E

Complementary Palette

#474A5D #53566C #5C5947 #6B6852 #807D6A #6B6E81

Analogous Palette

#4A5A64 #50616D #4E5166 #53566C #5B506D #665B7B

Triadic Palette

#494C5F #53566C #74494E #855F63 #4E7449 #456640

Split Complementary Palette

#4B4D61 #53566C #6B5B52 #7A6B63 #616B52 #57604A

Square Palette

#46485B #53566C #6D5061 #6D6950 #526B5B #6E8375

Tetradic Palette

#444759 #53566C #75417C #6B6852 #487C41 #699463

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #53566C contains 83 red, 86 green, and 108 blue.

Contrast Ratio: 7.27:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.89:1