Skip to main content

#BA7586

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
#BA7586
RGB
rgb(186, 117, 134)
RGBA
rgba(186, 117, 134, 1)
HSL
hsl(345.22, 33.33%, 59.41%)
HSLA
hsla(345, 33%, 59%, 1)
CMYK
cmyk(0%, 37%, 28%, 27%)

Color Palettes

Harmonious color combinations based on #BA7586

Monochromatic

Shades and tints of the same hue

#221115
#663340
#AA556A
#CC99A6
#EEDDE1

Analogous

Adjacent colors on the color wheel

#A874B9
#B974A8
#BA7586
#B98574
#B9A874

Complementary

Opposite color for maximum contrast

#BA7586
#74B9A8

Triadic

Three evenly spaced colors

#BA7586
#85B974
#7485B9

CSS Usage Examples

Background

background-color: #BA7586;

Text

color: #BA7586;

Border

border: 2px solid #BA7586;

Shadow

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