#5A7F70 Color

Color Information

HEX#5A7F70
RGB90, 127, 112
HSL156° , 17% , 43%
HSV156° , 29% , 50%
CMYK29%, 0%, 12%, 50%

Lighter Shades

#6E8E81 #829E92 #95ADA3 #A9BCB5 #BDCCC6 #D1DBD7

Darker Shades

#4F7063 #446155 #3A5148 #2F423A #24332D #19241F

Complementary Palette

#4D6D60 #5A7F70 #6E4E5B #805B6A #92727F #719184

Analogous Palette

#577559 #5D7E60 #557769 #5A7F70 #5D7B7E #66878A

Triadic Palette

#4F7063 #5A7F70 #74508B #856599 #8B7450 #7A6646

Split Complementary Palette

#517265 #5A7F70 #805B7D #8D6B8A #805F5B #735652

Square Palette

#4C6B5E #5A7F70 #605D7E #7E5D6A #7D805B #929475

Tetradic Palette

#4A685C #5A7F70 #476694 #805B6A #947547 #A78E68

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A7F70 contains 90 red, 127 green, and 112 blue.

Contrast Ratio: 4.42:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.75:1