Skip to main content

#557F4C

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
#557F4C
RGB
rgb(85, 127, 76)
RGBA
rgba(85, 127, 76, 1)
HSL
hsl(109.41, 25.12%, 39.8%)
HSLA
hsla(109, 25%, 40%, 1)
CMYK
cmyk(33%, 0%, 40%, 50%)

Color Palettes

Harmonious color combinations based on #557F4C

Monochromatic

Shades and tints of the same hue

#152013
#406039
#6B9F60
#A6C69F
#E1ECDF

Analogous

Adjacent colors on the color wheel

#80764D
#6F804D
#557F4C
#4D805D
#4D8076

Complementary

Opposite color for maximum contrast

#557F4C
#764D80

Triadic

Three evenly spaced colors

#557F4C
#4D5680
#804D56

CSS Usage Examples

Background

background-color: #557F4C;

Text

color: #557F4C;

Border

border: 2px solid #557F4C;

Shadow

box-shadow: 0 4px 6px #557F4C40;
Feedback