#5A556C Color

Color Information

HEX	#5A556C
RGB	90, 85, 108
HSL	253° , 12% , 38%
HSV	253° , 21% , 42%
CMYK	17%, 21%, 0%, 58%

Lighter Shades

#6E697E #827E8F #9592A1 #A9A7B3 #BDBBC4 #D1CFD6

Darker Shades

#4F4B5F #444152 #3A3645 #2F2C38 #24222B #19181E

Complementary Palette

#4D495D #5A556C #595E49 #676D55 #7C816D #716D81

Analogous Palette

#4C5467 #525B6F #555066 #5A556C #67526F #745D7E

Triadic Palette

#4F4B5F #5A556C #76554C #866961 #4C7655 #43684B

Split Complementary Palette

#514D61 #5A556C #6D6655 #7C7566 #5C6D55 #53624D

Square Palette

#4C475B #5A556C #6F525B #686F52 #556D66 #70847E

Tetradic Palette

#4A4659 #5A556C #7E446F #676D55 #447E50 #669570

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A556C contains 90 red, 85 green, and 108 blue.

Contrast Ratio: 7.18:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.92:1