Skip to main content

#FF507E

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
#FF507E
RGB
rgb(255, 80, 126)
RGBA
rgba(255, 80, 126, 1)
HSL
hsl(344.23, 100%, 65.69%)
HSLA
hsla(344, 100%, 66%, 1)
CMYK
cmyk(0%, 69%, 51%, 0%)

Color Palettes

Harmonious color combinations based on #FF507E

Monochromatic

Shades and tints of the same hue

#33000E
#990029
#FF0044
#FF668F
#FFCCDA

Analogous

Adjacent colors on the color wheel

#D152FF
#FF52D7
#FF507E
#FF7A52
#FFD152

Complementary

Opposite color for maximum contrast

#FF507E
#52FFD1

Triadic

Three evenly spaced colors

#FF507E
#80FF52
#5280FF

CSS Usage Examples

Background

background-color: #FF507E;

Text

color: #FF507E;

Border

border: 2px solid #FF507E;

Shadow

box-shadow: 0 4px 6px #FF507E40;
Feedback