#5A6C81 Color

Color Information

HEX#5A6C81
RGB90, 108, 129
HSL212° , 18% , 43%
HSV212° , 30% , 51%
CMYK30%, 16%, 0%, 49%

Lighter Shades

#6E7E90 #828F9F #95A1AE #A9B3BD #BDC4CD #D1D6DC

Darker Shades

#4F5F72 #445262 #3A4553 #2F3843 #242B34 #191E24

Complementary Palette

#4D5D6F #5A6C81 #6F5F4D #816F5A #938371 #718193

Analogous Palette

#577475 #5D7D7E #556679 #5A6C81 #5E5D7E #67668A

Triadic Palette

#4F5F72 #5A6C81 #8C4F6C #9A647E #6C8C4F #5F7B46

Split Complementary Palette

#516174 #5A6C81 #815B5A #8E6B6B #80815A #737451

Square Palette

#4C5B6C #5A6C81 #7E5D7D #7E6F5D #5A815B #749575

Tetradic Palette

#4A596A #5A6C81 #704695 #816F5A #6B9546 #86A867

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A6C81 contains 90 red, 108 green, and 129 blue.

Contrast Ratio: 5.37:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.91:1