Skip to main content

#CA6580

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
#CA6580
RGB
rgb(202, 101, 128)
RGBA
rgba(202, 101, 128, 1)
HSL
hsl(343.96, 48.79%, 59.41%)
HSLA
hsla(344, 49%, 59%, 1)
CMYK
cmyk(0%, 50%, 37%, 21%)

Color Palettes

Harmonious color combinations based on #CA6580

Monochromatic

Shades and tints of the same hue

#260D14
#72273B
#BE4162
#D88DA1
#F2D9E0

Analogous

Adjacent colors on the color wheel

#AE63CA
#CA63B2
#CA6580
#CA7B63
#CAAE63

Complementary

Opposite color for maximum contrast

#CA6580
#63CAAE

Triadic

Three evenly spaced colors

#CA6580
#7FCA63
#637FCA

CSS Usage Examples

Background

background-color: #CA6580;

Text

color: #CA6580;

Border

border: 2px solid #CA6580;

Shadow

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