Skip to main content

#5AED2A

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
#5AED2A
RGB
rgb(90, 237, 42)
RGBA
rgba(90, 237, 42, 1)
HSL
hsl(105.23, 84.42%, 54.71%)
HSLA
hsla(105, 84%, 55%, 1)
CMYK
cmyk(62%, 0%, 82%, 7%)

Color Palettes

Harmonious color combinations based on #5AED2A

Monochromatic

Shades and tints of the same hue

#0F2F04
#2C8D0C
#4AEB14
#92F372
#DBFBD0

Analogous

Adjacent colors on the color wheel

#EDBC2C
#BCED2C
#5AED2A
#2CED5C
#2CEDBC

Complementary

Opposite color for maximum contrast

#5AED2A
#BC2CED

Triadic

Three evenly spaced colors

#5AED2A
#2C5CED
#ED2C5C

CSS Usage Examples

Background

background-color: #5AED2A;

Text

color: #5AED2A;

Border

border: 2px solid #5AED2A;

Shadow

box-shadow: 0 4px 6px #5AED2A40;
Feedback