#5A7B6D Color

Color Information

HEX#5A7B6D
RGB90, 123, 109
HSL155° , 15% , 42%
HSV155° , 27% , 48%
CMYK27%, 0%, 11%, 52%

Lighter Shades

#6E8B7F #829B90 #95ABA2 #A9BAB3 #BDCAC5 #D1DAD6

Darker Shades

#4F6C60 #445D53 #3A4F46 #2F4039 #24312C #19221F

Complementary Palette

#4D6A5E #5A7B6D #6A4E59 #7B5B68 #8D727D #718D81

Analogous Palette

#557257 #5B7B5E #557466 #5A7B6D #5B787B #66868A

Triadic Palette

#4F6C60 #5A7B6D #705086 #816595 #867050 #766346

Split Complementary Palette

#516F62 #5A7B6D #7B5B78 #886B86 #7B5E5B #6F5552

Square Palette

#4C675C #5A7B6D #5E5B7B #7B5B68 #787B5B #8E9075

Tetradic Palette

#4A6559 #5A7B6D #48648E #7B5B68 #8E7248 #A28B69

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A7B6D contains 90 red, 123 green, and 109 blue.

Contrast Ratio: 4.64:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.53:1