#5A7B78 Color

Color Information

HEX#5A7B78
RGB90, 123, 120
HSL175° , 15% , 42%
HSV175° , 27% , 48%
CMYK27%, 0%, 2%, 52%

Lighter Shades

#6E8B88 #829B98 #95ABA9 #A9BAB9 #BDCAC9 #D1DAD9

Darker Shades

#4F6C6A #445D5B #3A4F4D #2F403E #243130 #192222

Complementary Palette

#4D6A67 #5A7B78 #6A4E51 #7B5B5E #8D7275 #718D8B

Analogous Palette

#557261 #5B7B68 #557471 #5A7B78 #5B6E7B #667B8A

Triadic Palette

#4F6C6A #5A7B78 #815086 #906595 #868150 #767246

Split Complementary Palette

#516F6C #5A7B78 #7B5B6E #886B7D #7B685B #6F5E52

Square Palette

#4C6765 #5A7B78 #685B7B #7B5B5E #6E7B5B #859075

Tetradic Palette

#4A6562 #5A7B78 #484F8E #7B5B5E #8E8748 #A29D69

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A7B78 contains 90 red, 123 green, and 120 blue.

Contrast Ratio: 4.58:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.58:1