#558B2F

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

#558B2F

RGB

rgb(85, 139, 47)

RGBA

rgba(85, 139, 47, 1)

HSL

hsl(95.22, 49.46%, 36.47%)

HSLA

hsla(95, 49%, 36%, 1)

CMYK

cmyk(39%, 0%, 66%, 45%)

Color Palettes

Harmonious color combinations based on #558B2F

Monochromatic

Shades and tints of the same hue

#17260D

#467227

#75BE41

#ACD88D

#E3F2D9

Analogous

Adjacent colors on the color wheel

#89632F

#81892F

#558B2F

#2F8936

#2F8963

Complementary

Opposite color for maximum contrast

#558B2F

#632F89

Triadic

Three evenly spaced colors

#558B2F

#2F5489

#892F54

CSS Usage Examples

Background

background-color: #558B2F;

Text

color: #558B2F;

Border

border: 2px solid #558B2F;

Shadow

box-shadow: 0 4px 6px #558B2F40;

Related Colors

Discover harmonious color variations

Complementary

#652F8B

Opposite on color wheel

Lighter

#86C759

+20% lightness

Darker

#263F15

-20% lightness

Analogous -30°

#838B2F

Adjacent color

Analogous +30°

#2F8B37

Adjacent color