Skip to main content

#2D8456

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
#2D8456
RGB
rgb(45, 132, 86)
RGBA
rgba(45, 132, 86, 1)
HSL
hsl(148.28, 49.15%, 34.71%)
HSLA
hsla(148, 49%, 35%, 1)
CMYK
cmyk(66%, 0%, 35%, 48%)

Color Palettes

Harmonious color combinations based on #2D8456

Monochromatic

Shades and tints of the same hue

#0D2619
#27724A
#41BE7B
#8DD8B0
#D9F2E5

Analogous

Adjacent colors on the color wheel

#5C852E
#30852E
#2D8456
#2E8582
#2E5C85

Complementary

Opposite color for maximum contrast

#2D8456
#852E5C

Triadic

Three evenly spaced colors

#2D8456
#562E85
#85562E

CSS Usage Examples

Background

background-color: #2D8456;

Text

color: #2D8456;

Border

border: 2px solid #2D8456;

Shadow

box-shadow: 0 4px 6px #2D845640;
Feedback