#5A6178 Color

Color Information

HEX	#5A6178
RGB	90, 97, 120
HSL	226° , 14% , 41%
HSV	226° , 25% , 47%
CMYK	25%, 19%, 0%, 53%

Lighter Shades

#6E7488 #828798 #959AA9 #A9ADB9 #BDC0C9 #D1D3D9

Darker Shades

#4F556A #444A5B #3A3E4D #2F323E #242730 #191B22

Complementary Palette

#4D5367 #5A6178 #66604D #77705A #8A8471 #71778B

Analogous Palette

#52686F #596F78 #555B71 #5A6178 #625978 #6E6487

Triadic Palette

#4F556A #5A6178 #824F5B #91646F #5B824F #507246

Split Complementary Palette

#51576C #5A6178 #77625A #85726B #6F775A #646B51

Square Palette

#4C5165 #5A6178 #78596F #787159 #5A7762 #748D7B

Tetradic Palette

#4A5062 #5A6178 #7A478A #77705A #578A47 #759F68

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A6178 contains 90 red, 97 green, and 120 blue.

Contrast Ratio: 6.16:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.41:1