#B7312C

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

#B7312C

RGB

rgb(183, 49, 44)

RGBA

rgba(183, 49, 44, 1)

HSL

hsl(2.16, 61.23%, 44.51%)

HSLA

hsla(2, 61%, 45%, 1)

CMYK

cmyk(0%, 73%, 76%, 28%)

Color Palettes

Harmonious color combinations based on #B7312C

Monochromatic

Shades and tints of the same hue

#290B0A

#7B211E

#CD3732

#E18784

#F5D7D6

Analogous

Adjacent colors on the color wheel

#B92DB4

#B92D6E

#B7312C

#B9772D

#B4B92D

Complementary

Opposite color for maximum contrast

#B7312C

#2DB4B9

Triadic

Three evenly spaced colors

#B7312C

#2DB931

#312DB9

CSS Usage Examples

Background

background-color: #B7312C;

Text

color: #B7312C;

Border

border: 2px solid #B7312C;

Shadow

box-shadow: 0 4px 6px #B7312C40;

Related Colors

Discover harmonious color variations

Complementary

#2CB2B7

Opposite on color wheel

Lighter

#DC716D

+20% lightness

Darker

#651B18

-20% lightness

Analogous -30°

#B72C6D

Adjacent color

Analogous +30°

#B7772C

Adjacent color