#487A7B

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

#487A7B

RGB

rgb(72, 122, 123)

RGBA

rgba(72, 122, 123, 1)

HSL

hsl(181.18, 26.15%, 38.24%)

HSLA

hsla(181, 26%, 38%, 1)

CMYK

cmyk(41%, 1%, 0%, 52%)

Color Palettes

Harmonious color combinations based on #487A7B

Monochromatic

Shades and tints of the same hue

#132020

#396060

#5EA0A1

#9FC6C6

#DFECEC

Analogous

Adjacent colors on the color wheel

#487A49

#487A62

#487A7B

#48607A

#49487A

Complementary

Opposite color for maximum contrast

#487A7B

#7A4948

Triadic

Three evenly spaced colors

#487A7B

#7A4879

#797A48

CSS Usage Examples

Background

background-color: #487A7B;

Text

color: #487A7B;

Border

border: 2px solid #487A7B;

Shadow

box-shadow: 0 4px 6px #487A7B40;

Related Colors

Discover harmonious color variations

Complementary

#7B4948

Opposite on color wheel

Lighter

#79AFB0

+20% lightness

Darker

#223A3B

-20% lightness

Analogous -30°

#487B63

Adjacent color

Analogous +30°

#48607B

Adjacent color