#5A7B7E Color

Color Information

HEX#5A7B7E
RGB90, 123, 126
HSL185° , 17% , 42%
HSV185° , 29% , 49%
CMYK29%, 2%, 0%, 51%

Lighter Shades

#6E8B8D #829B9D #95ABAC #A9BABC #BDCACB #D1DADB

Darker Shades

#4F6C6F #445D60 #3A4F51 #2F4042 #243132 #192223

Complementary Palette

#4D6A6C #5A7B7E #6C4F4D #7D5C59 #8F7370 #718D90

Analogous Palette

#557266 #5B7B6E #557476 #5A7B7E #5B687B #647287

Triadic Palette

#4F6C6F #5A7B7E #884E83 #966392 #83884E #737845

Split Complementary Palette

#516F71 #5A7B7E #7D5968 #8A6A77 #7D6E59 #716350

Square Palette

#4C676A #5A7B7E #6E5B7B #7B5E5B #687D59 #809274

Tetradic Palette

#4A6567 #5A7B7E #4C4691 #7D5C59 #8A9146 #9FA567

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A7B7E contains 90 red, 123 green, and 126 blue.

Contrast Ratio: 4.55:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.61:1