#4ADE80

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

#4ADE80

RGB

rgb(74, 222, 128)

RGBA

rgba(74, 222, 128, 1)

HSL

hsl(141.89, 69.16%, 58.04%)

HSLA

hsla(142, 69%, 58%, 1)

CMYK

cmyk(67%, 0%, 42%, 13%)

Color Palettes

Harmonious color combinations based on #4ADE80

Monochromatic

Shades and tints of the same hue

#082B15

#18813E

#28D768

#7EE7A4

#D4F7E1

Analogous

Adjacent colors on the color wheel

#A8DE4A

#5EDE4A

#4ADE80

#4ADECA

#4AA8DE

Complementary

Opposite color for maximum contrast

#4ADE80

#DE4AA8

Triadic

Three evenly spaced colors

#4ADE80

#804ADE

#DE804A

CSS Usage Examples

Background

background-color: #4ADE80;

Text

color: #4ADE80;

Border

border: 2px solid #4ADE80;

Shadow

box-shadow: 0 4px 6px #4ADE8040;

Related Colors

Discover harmonious color variations

Complementary

#DE4AA8

Opposite on color wheel

Lighter

#A0EEBD

+20% lightness

Darker

#1EA44F

-20% lightness

Analogous -30°

#5EDE4A

Adjacent color

Analogous +30°

#4ADECA

Adjacent color