Skip to main content

#1AE680

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
#1AE680
RGB
rgb(26, 230, 128)
RGBA
rgba(26, 230, 128, 1)
HSL
hsl(150, 80.31%, 50.2%)
HSLA
hsla(150, 80%, 50%, 1)
CMYK
cmyk(89%, 0%, 44%, 10%)

Color Palettes

Harmonious color combinations based on #1AE680

Monochromatic

Shades and tints of the same hue

#052E1A
#0F8A4D
#19E680
#75F0B3
#D1FAE6

Analogous

Adjacent colors on the color wheel

#80E619
#19E619
#1AE680
#19E6E6
#1980E6

Complementary

Opposite color for maximum contrast

#1AE680
#E61980

Triadic

Three evenly spaced colors

#1AE680
#8019E6
#E68019

CSS Usage Examples

Background

background-color: #1AE680;

Text

color: #1AE680;

Border

border: 2px solid #1AE680;

Shadow

box-shadow: 0 4px 6px #1AE68040;
Feedback