#5A8185 Color

Color Information

HEX	#5A8185
RGB	90, 129, 133
HSL	186° , 19% , 44%
HSV	186° , 32% , 52%
CMYK	32%, 3%, 0%, 48%

Lighter Shades

#6E9094 #829FA2 #95AEB1 #A9BDC0 #BDCDCE #D1DCDD

Darker Shades

#4F7275 #446265 #3A5355 #2F4345 #243435 #192425

Complementary Palette

#4D6F72 #5A8185 #73524E #865F5B #977572 #719396

Analogous Palette

#59786B #5F8173 #55797D #5A8185 #5F6D81 #6A7990

Triadic Palette

#4F7275 #5A8185 #915089 #9E6597 #899150 #798046

Split Complementary Palette

#517478 #5A8185 #865B6C #926B7B #86745B #796852

Square Palette

#4C6C70 #5A8185 #735F81 #81635F #6C865B #849975

Tetradic Palette

#4A6A6D #5A8185 #4F479A #865F5B #909A47 #A4AC68

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A8185 contains 90 red, 129 green, and 133 blue.

Contrast Ratio: 4.23:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.97:1