Skip to main content

#C3312C

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
#C3312C
RGB
rgb(195, 49, 44)
RGBA
rgba(195, 49, 44, 1)
HSL
hsl(1.99, 63.18%, 46.86%)
HSLA
hsla(2, 63%, 47%, 1)
CMYK
cmyk(0%, 75%, 77%, 24%)

Color Palettes

Harmonious color combinations based on #C3312C

Monochromatic

Shades and tints of the same hue

#2A0B09
#7D201C
#D0352F
#E38682
#F6D7D5

Analogous

Adjacent colors on the color wheel

#C32CBE
#C32C73
#C3312C
#C37D2C
#BEC32C

Complementary

Opposite color for maximum contrast

#C3312C
#2CBEC3

Triadic

Three evenly spaced colors

#C3312C
#2CC331
#312CC3

CSS Usage Examples

Background

background-color: #C3312C;

Text

color: #C3312C;

Border

border: 2px solid #C3312C;

Shadow

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