Skip to main content

#CC323C

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
#CC323C
RGB
rgb(204, 50, 60)
RGBA
rgba(204, 50, 60, 1)
HSL
hsl(356.1, 60.63%, 49.8%)
HSLA
hsla(356, 61%, 50%, 1)
CMYK
cmyk(0%, 75%, 71%, 20%)

Color Palettes

Harmonious color combinations based on #CC323C

Monochromatic

Shades and tints of the same hue

#290A0C
#7B1E24
#CD323C
#E1848A
#F5D6D8

Analogous

Adjacent colors on the color wheel

#C332CD
#CD328A
#CC323C
#CD7532
#CDC332

Complementary

Opposite color for maximum contrast

#CC323C
#32CDC3

Triadic

Three evenly spaced colors

#CC323C
#3CCD32
#323CCD

CSS Usage Examples

Background

background-color: #CC323C;

Text

color: #CC323C;

Border

border: 2px solid #CC323C;

Shadow

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