#5C7F71

Share this color with others or download a color card image with HEX and RGB values. Perfect for social media, presentations, or design reference.

All Formats

HEX

#5C7F71

RGB

rgb(92, 127, 113)

RGBA

rgba(92, 127, 113, 1)

HSL

hsl(156, 15.98%, 42.94%)

HSLA

hsla(156, 16%, 43%, 1)

CMYK

cmyk(28%, 0%, 11%, 50%)

Color Palettes

Harmonious color combinations based on #5C7F71

Monochromatic

Shades and tints of the same hue

#151E1A

#40594F

#6B9484

#A6BFB5

#E1EAE6

Analogous

Adjacent colors on the color wheel

#6A7F5C

#5C7F60

#5C7F71

#5C7C7F

#5C6A7F

Complementary

Opposite color for maximum contrast

#5C7F71

#7F5C6A

Triadic

Three evenly spaced colors

#5C7F71

#715C7F

#7F715C

CSS Usage Examples

Background

background-color: #5C7F71;

Text

color: #5C7F71;

Border

border: 2px solid #5C7F71;

Shadow

box-shadow: 0 4px 6px #5C7F7140;

Related Colors

Discover harmonious color variations

Complementary

#7F5C6A

Opposite on color wheel

Lighter

#91B0A4

+20% lightness

Darker

#31443C

-20% lightness

Analogous -30°

#5C7F60

Adjacent color

Analogous +30°

#5C7C7F

Adjacent color