Skip to main content

#2AFF87

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
#2AFF87
RGB
rgb(42, 255, 135)
RGBA
rgba(42, 255, 135, 1)
HSL
hsl(146.2, 100%, 58.24%)
HSLA
hsla(146, 100%, 58%, 1)
CMYK
cmyk(84%, 0%, 47%, 0%)

Color Palettes

Harmonious color combinations based on #2AFF87

Monochromatic

Shades and tints of the same hue

#003316
#009942
#00FF6E
#66FFA8
#CCFFE2

Analogous

Adjacent colors on the color wheel

#A2FF29
#37FF29
#2AFF87
#29FFF1
#29A2FF

Complementary

Opposite color for maximum contrast

#2AFF87
#FF29A2

Triadic

Three evenly spaced colors

#2AFF87
#8629FF
#FF8629

CSS Usage Examples

Background

background-color: #2AFF87;

Text

color: #2AFF87;

Border

border: 2px solid #2AFF87;

Shadow

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