Skip to main content

#7A978E

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
#7A978E
RGB
rgb(122, 151, 142)
RGBA
rgba(122, 151, 142, 1)
HSL
hsl(161.38, 12.24%, 53.53%)
HSLA
hsla(161, 12%, 54%, 1)
CMYK
cmyk(19%, 0%, 6%, 41%)

Color Palettes

Harmonious color combinations based on #7A978E

Monochromatic

Shades and tints of the same hue

#161D1B
#435650
#708F85
#A9BCB6
#E2E9E7

Analogous

Adjacent colors on the color wheel

#85987C
#7C9881
#7A978E
#7C9398
#7C8598

Complementary

Opposite color for maximum contrast

#7A978E
#987C85

Triadic

Three evenly spaced colors

#7A978E
#8F7C98
#988F7C

CSS Usage Examples

Background

background-color: #7A978E;

Text

color: #7A978E;

Border

border: 2px solid #7A978E;

Shadow

box-shadow: 0 4px 6px #7A978E40;
Feedback