Skip to main content

#504D7E

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
#504D7E
RGB
rgb(80, 77, 126)
RGBA
rgba(80, 77, 126, 1)
HSL
hsl(243.67, 24.14%, 39.8%)
HSLA
hsla(244, 24%, 40%, 1)
CMYK
cmyk(37%, 39%, 0%, 51%)

Color Palettes

Harmonious color combinations based on #504D7E

Monochromatic

Shades and tints of the same hue

#141320
#3D3A5F
#65619E
#A3A0C5
#E0DFEC

Analogous

Adjacent colors on the color wheel

#4E7B7E
#4E637E
#504D7E
#694E7E
#7E4E7B

Complementary

Opposite color for maximum contrast

#504D7E
#7B7E4E

Triadic

Three evenly spaced colors

#504D7E
#7E514E
#4E7E51

CSS Usage Examples

Background

background-color: #504D7E;

Text

color: #504D7E;

Border

border: 2px solid #504D7E;

Shadow

box-shadow: 0 4px 6px #504D7E40;
Feedback