#5A6D81 Color

Color Information

HEX#5A6D81
RGB90, 109, 129
HSL211° , 18% , 43%
HSV211° , 30% , 51%
CMYK30%, 16%, 0%, 49%

Lighter Shades

#6E7F90 #82909F #95A2AE #A9B3BD #BDC5CD #D1D6DC

Darker Shades

#4F6072 #445362 #3A4653 #2F3943 #242C34 #191F24

Complementary Palette

#4D5E6F #5A6D81 #6F5F4D #816E5A #938271 #718193

Analogous Palette

#577575 #5D7E7E #556679 #5A6D81 #5E5D7E #67668A

Triadic Palette

#4F6072 #5A6D81 #8C4F6D #9A647F #6D8C4F #607B46

Split Complementary Palette

#516274 #5A6D81 #815B5A #8E6B6B #81815A #747451

Square Palette

#4C5C6C #5A6D81 #7E5D7E #7E6E5D #5A815B #749575

Tetradic Palette

#4A596A #5A6D81 #6F4695 #816E5A #6C9546 #86A867

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A6D81 contains 90 red, 109 green, and 129 blue.

Contrast Ratio: 5.31:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.96:1