Skip to main content

#3AE12C

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
#3AE12C
RGB
rgb(58, 225, 44)
RGBA
rgba(58, 225, 44, 1)
HSL
hsl(115.36, 75.1%, 52.75%)
HSLA
hsla(115, 75%, 53%, 1)
CMYK
cmyk(74%, 0%, 80%, 12%)

Color Palettes

Harmonious color combinations based on #3AE12C

Monochromatic

Shades and tints of the same hue

#0A2D06
#1D8613
#30DF20
#83EC79
#D6F9D2

Analogous

Adjacent colors on the color wheel

#E1D22D
#96E12D
#3AE12C
#2DE178
#2DE1D2

Complementary

Opposite color for maximum contrast

#3AE12C
#D22DE1

Triadic

Three evenly spaced colors

#3AE12C
#2D3CE1
#E12D3C

CSS Usage Examples

Background

background-color: #3AE12C;

Text

color: #3AE12C;

Border

border: 2px solid #3AE12C;

Shadow

box-shadow: 0 4px 6px #3AE12C40;
Feedback