#507F70

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

#507F70

RGB

rgb(80, 127, 112)

RGBA

rgba(80, 127, 112, 1)

HSL

hsl(160.85, 22.71%, 40.59%)

HSLA

hsla(161, 23%, 41%, 1)

CMYK

cmyk(37%, 0%, 12%, 50%)

Color Palettes

Harmonious color combinations based on #507F70

Monochromatic

Shades and tints of the same hue

#141F1C

#3B5E53

#629D8A

#A1C4B9

#E0EBE8

Analogous

Adjacent colors on the color wheel

#608151

#518159

#507F70

#517881

#516081

Complementary

Opposite color for maximum contrast

#507F70

#815160

Triadic

Three evenly spaced colors

#507F70

#715181

#817151

CSS Usage Examples

Background

background-color: #507F70;

Text

color: #507F70;

Border

border: 2px solid #507F70;

Shadow

box-shadow: 0 4px 6px #507F7040;

Related Colors

Discover harmonious color variations

Complementary

#7F505F

Opposite on color wheel

Lighter

#84B1A3

+20% lightness

Darker

#294039

-20% lightness

Analogous -30°

#507F58

Adjacent color

Analogous +30°

#50777F

Adjacent color