Skip to main content

#BA734A

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
#BA734A
RGB
rgb(186, 115, 74)
RGBA
rgba(186, 115, 74, 1)
HSL
hsl(21.96, 44.8%, 50.98%)
HSLA
hsla(22, 45%, 51%, 1)
CMYK
cmyk(0%, 38%, 60%, 27%)

Color Palettes

Harmonious color combinations based on #BA734A

Monochromatic

Shades and tints of the same hue

#25160E
#6F432A
#B97046
#D5A990
#F1E2DA

Analogous

Adjacent colors on the color wheel

#BA4A91
#BA4A59
#BA734A
#BAAB4A
#91BA4A

Complementary

Opposite color for maximum contrast

#BA734A
#4A91BA

Triadic

Three evenly spaced colors

#BA734A
#4ABA73
#734ABA

CSS Usage Examples

Background

background-color: #BA734A;

Text

color: #BA734A;

Border

border: 2px solid #BA734A;

Shadow

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