#5A7D6D Color

Color Information

HEX#5A7D6D
RGB90, 125, 109
HSL153° , 16% , 42%
HSV153° , 28% , 49%
CMYK28%, 0%, 13%, 51%

Lighter Shades

#6E8D7F #829C90 #95ACA2 #A9BBB3 #BDCBC5 #D1DBD6

Darker Shades

#4F6E60 #445F53 #3A5046 #2F4139 #24322C #19231F

Complementary Palette

#4D6C5E #5A7D6D #6B4D5A #7C5A69 #8E717E #718F81

Analogous Palette

#557257 #5B7B5D #557666 #5A7D6D #5B7A7B #648787

Triadic Palette

#4F6E60 #5A7D6D #6F4F87 #806495 #876F4F #776246

Split Complementary Palette

#517162 #5A7D6D #7C5A7B #896B88 #7C5C5A #705351

Square Palette

#4C695C #5A7D6D #5D5B7B #7B5B69 #7B7C5A #909174

Tetradic Palette

#4A6759 #5A7D6D #476690 #7C5A69 #907047 #A48A68

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A7D6D contains 90 red, 125 green, and 109 blue.

Contrast Ratio: 4.53:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.63:1