#50A684

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

#50A684

RGB

rgb(80, 166, 132)

RGBA

rgba(80, 166, 132, 1)

HSL

hsl(156.28, 34.96%, 48.24%)

HSLA

hsla(156, 35%, 48%, 1)

CMYK

cmyk(52%, 0%, 20%, 35%)

Color Palettes

Harmonious color combinations based on #50A684

Monochromatic

Shades and tints of the same hue

#11221B

#326752

#53AC88

#98CDB8

#DDEEE7

Analogous

Adjacent colors on the color wheel

#72A550

#50A558

#50A684

#509DA5

#5072A5

Complementary

Opposite color for maximum contrast

#50A684

#A55072

Triadic

Three evenly spaced colors

#50A684

#8350A5

#A58350

CSS Usage Examples

Background

background-color: #50A684;

Text

color: #50A684;

Border

border: 2px solid #50A684;

Shadow

box-shadow: 0 4px 6px #50A68440;

Related Colors

Discover harmonious color variations

Complementary

#A65072

Opposite on color wheel

Lighter

#92CAB4

+20% lightness

Darker

#2F614D

-20% lightness

Analogous -30°

#50A659

Adjacent color

Analogous +30°

#509DA6

Adjacent color