Skip to main content

#558F55

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
#558F55
RGB
rgb(85, 143, 85)
RGBA
rgba(85, 143, 85, 1)
HSL
hsl(120, 25.44%, 44.71%)
HSLA
hsla(120, 25%, 45%, 1)
CMYK
cmyk(41%, 0%, 41%, 44%)

Color Palettes

Harmonious color combinations based on #558F55

Monochromatic

Shades and tints of the same hue

#132013
#396039
#609F60
#9FC69F
#DFECDF

Analogous

Adjacent colors on the color wheel

#8F8F56
#738F56
#558F55
#568F73
#568F8F

Complementary

Opposite color for maximum contrast

#558F55
#8F568F

Triadic

Three evenly spaced colors

#558F55
#56568F
#8F5656

CSS Usage Examples

Background

background-color: #558F55;

Text

color: #558F55;

Border

border: 2px solid #558F55;

Shadow

box-shadow: 0 4px 6px #558F5540;
Feedback