Skip to main content

#BAA475

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
#BAA475
RGB
rgb(186, 164, 117)
RGBA
rgba(186, 164, 117, 1)
HSL
hsl(40.87, 33.33%, 59.41%)
HSLA
hsla(41, 33%, 59%, 1)
CMYK
cmyk(0%, 12%, 37%, 27%)

Color Palettes

Harmonious color combinations based on #BAA475

Monochromatic

Shades and tints of the same hue

#221D11
#665633
#AA8F55
#CCBC99
#EEE9DD

Analogous

Adjacent colors on the color wheel

#B9748A
#B98174
#BAA475
#ACB974
#8AB974

Complementary

Opposite color for maximum contrast

#BAA475
#748AB9

Triadic

Three evenly spaced colors

#BAA475
#74B9A3
#A374B9

CSS Usage Examples

Background

background-color: #BAA475;

Text

color: #BAA475;

Border

border: 2px solid #BAA475;

Shadow

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