#5A8683 Color

Color Information

HEX#5A8683
RGB90, 134, 131
HSL176° , 20% , 44%
HSV176° , 33% , 53%
CMYK33%, 0%, 2%, 47%

Lighter Shades

#6E9592 #82A3A1 #95B2B0 #A9C0BF #BDCFCD #D1DDDC

Darker Shades

#4F7673 #446664 #3A5654 #2F4644 #243634 #192625

Complementary Palette

#4D7371 #5A8683 #744D50 #875A5D #987174 #719794

Analogous Palette

#597866 #5F816D #557E7B #5A8683 #5F7281 #6A7F90

Triadic Palette

#4F7673 #5A8683 #8D4F92 #9B649F #928D4F #807C46

Split Complementary Palette

#517976 #5A8683 #875A73 #936B81 #876D5A #7A6251

Square Palette

#4C716E #5A8683 #6D5F81 #815F62 #73875A #899A74

Tetradic Palette

#4A6E6B #5A8683 #464B9B #875A5D #9B9546 #ADA867

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A8683 contains 90 red, 134 green, and 131 blue.

Contrast Ratio: 4.01:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.24:1