#7AE1BF

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

#7AE1BF

RGB

rgb(122, 225, 191)

RGBA

rgba(122, 225, 191, 1)

HSL

hsl(160.19, 63.19%, 68.04%)

HSLA

hsla(160, 63%, 68%, 1)

CMYK

cmyk(46%, 0%, 15%, 12%)

Color Palettes

Harmonious color combinations based on #7AE1BF

Monochromatic

Shades and tints of the same hue

#092A1F

#1C7D5D

#2FD09A

#82E3C3

#D5F6EB

Analogous

Adjacent colors on the color wheel

#9CE17A

#7AE18B

#7AE1BF

#7AD0E1

#7A9CE1

Complementary

Opposite color for maximum contrast

#7AE1BF

#E17A9C

Triadic

Three evenly spaced colors

#7AE1BF

#BF7AE1

#E1BF7A

CSS Usage Examples

Background

background-color: #7AE1BF;

Text

color: #7AE1BF;

Border

border: 2px solid #7AE1BF;

Shadow

box-shadow: 0 4px 6px #7AE1BF40;

Related Colors

Discover harmonious color variations

Complementary

#E17A9C

Opposite on color wheel

Lighter

#CDF4E7

+20% lightness

Darker

#2DC895

-20% lightness

Analogous -30°

#7AE18B

Adjacent color

Analogous +30°

#7ACFE1

Adjacent color