#5A6281 Color

Color Information

HEX	#5A6281
RGB	90, 98, 129
HSL	228° , 18% , 43%
HSV	228° , 30% , 51%
CMYK	30%, 24%, 0%, 49%

Lighter Shades

#6E7590 #82889F #959BAE #A9ADBD #BDC0CD #D1D3DC

Darker Shades

#4F5672 #444A62 #3A3F53 #2F3343 #242734 #191B24

Complementary Palette

#4D546F #5A6281 #6F684D #81795A #938C71 #717893

Analogous Palette

#576D75 #5D757E #555C79 #5A6281 #675D7E #71668A

Triadic Palette

#4F5672 #5A6281 #8C4F5B #9A646F #5B8C4F #507B46

Split Complementary Palette

#515874 #5A6281 #81665A #8E756B #76815A #6A7451

Square Palette

#4C526C #5A6281 #7E5D75 #7E785D #5A8166 #74957E

Tetradic Palette

#4A506A #5A6281 #854695 #81795A #569546 #74A867

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A6281 contains 90 red, 98 green, and 129 blue.

Contrast Ratio: 6:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.5:1