#5C8A7D Color

Color Information

HEX#5C8A7D
RGB92, 138, 125
HSL163° , 20% , 45%
HSV163° , 33% , 54%
CMYK33%, 0%, 9%, 46%

Lighter Shades

#70988D #83A69C #97B4AC #AAC2BB #BED0CB #D1DEDB

Darker Shades

#51796E #46695F #3B5850 #304841 #253732 #1A2723

Complementary Palette

#4F776C #5C8A7D #774F5A #8A5C69 #9A737E #739A8F

Analogous Palette

#5B7B62 #628469 #568276 #5C8A7D #627D84 #6A8890

Triadic Palette

#51796E #5C8A7D #825095 #9165A2 #958250 #837246

Split Complementary Palette

#537C71 #5C8A7D #8A5C80 #966C8D #8A665C #7C5C53

Square Palette

#4D7469 #5C8A7D #696284 #84626B #808A5C #949D76

Tetradic Palette

#4B7167 #5C8A7D #47609E #8A5C69 #9E8647 #AF9C68

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5C8A7D contains 92 red, 138 green, and 125 blue.

Contrast Ratio: 3.85:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.46:1