#7C878E

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

#7C878E

RGB

rgb(124, 135, 142)

RGBA

rgba(124, 135, 142, 1)

HSL

hsl(203.33, 7.38%, 52.16%)

HSLA

hsla(203, 7%, 52%, 1)

CMYK

cmyk(13%, 5%, 0%, 44%)

Color Palettes

Harmonious color combinations based on #7C878E

Monochromatic

Shades and tints of the same hue

#181A1B

#474E52

#778288

#ADB4B8

#E4E6E7

Analogous

Adjacent colors on the color wheel

#7C8D83

#7C8D8B

#7C878E

#7C7E8D

#837C8D

Complementary

Opposite color for maximum contrast

#7C878E

#8D837C

Triadic

Three evenly spaced colors

#7C878E

#8D7C87

#878D7C

CSS Usage Examples

Background

background-color: #7C878E;

Text

color: #7C878E;

Border

border: 2px solid #7C878E;

Shadow

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

Related Colors

Discover harmonious color variations

Complementary

#8E837C

Opposite on color wheel

Lighter

#B3B9BD

+20% lightness

Darker

#4C5358

-20% lightness

Analogous -30°

#7C8E8C

Adjacent color

Analogous +30°

#7C7E8E

Adjacent color