#5A7C76 Color

Color Information

HEX#5A7C76
RGB90, 124, 118
HSL169° , 16% , 42%
HSV169° , 27% , 49%
CMYK27%, 0%, 5%, 51%

Lighter Shades

#6E8C86 #829B97 #95ABA7 #A9BBB8 #BDCBC8 #D1DAD9

Darker Shades

#4F6D68 #445E5A #3A4F4C #2F403D #24322F #192321

Complementary Palette

#4D6B65 #5A7C76 #6B4D53 #7C5A60 #8E7176 #718E89

Analogous Palette

#55725E #5B7B65 #55756F #5A7C76 #5B717B #647C87

Triadic Palette

#4F6D68 #5A7C76 #7D4F87 #8D6495 #877D4F #776E46

Split Complementary Palette

#51706A #5A7C76 #7C5A71 #896B7F #7C655A #705B51

Square Palette

#4C6863 #5A7C76 #655B7B #7B5B61 #717C5A #889174

Tetradic Palette

#4A6661 #5A7C76 #475490 #7C5A60 #908247 #A49968

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A7C76 contains 90 red, 124 green, and 118 blue.

Contrast Ratio: 4.54:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.62:1