Skip to main content

#BA3756

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
#BA3756
RGB
rgb(186, 55, 86)
RGBA
rgba(186, 55, 86, 1)
HSL
hsl(345.8, 54.36%, 47.25%)
HSLA
hsla(346, 54%, 47%, 1)
CMYK
cmyk(0%, 70%, 54%, 27%)

Color Palettes

Harmonious color combinations based on #BA3756

Monochromatic

Shades and tints of the same hue

#270C12
#762336
#C43B5B
#DC899C
#F3D8DE

Analogous

Adjacent colors on the color wheel

#9A37B9
#B93796
#BA3756
#B95A37
#B99A37

Complementary

Opposite color for maximum contrast

#BA3756
#37B99A

Triadic

Three evenly spaced colors

#BA3756
#55B937
#3755B9

CSS Usage Examples

Background

background-color: #BA3756;

Text

color: #BA3756;

Border

border: 2px solid #BA3756;

Shadow

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