Skip to main content

#BAAF37

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

Color Palettes

Harmonious color combinations based on #BAAF37

Monochromatic

Shades and tints of the same hue

#27250C
#766F23
#C4B93B
#DCD589
#F3F1D8

Analogous

Adjacent colors on the color wheel

#B93742
#B96D37
#BAAF37
#83B937
#42B937

Complementary

Opposite color for maximum contrast

#BAAF37
#3742B9

Triadic

Three evenly spaced colors

#BAAF37
#37B9AE
#AE37B9

CSS Usage Examples

Background

background-color: #BAAF37;

Text

color: #BAAF37;

Border

border: 2px solid #BAAF37;

Shadow

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