Skip to main content

#BAC5BD

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
#BAC5BD
RGB
rgb(186, 197, 189)
RGBA
rgba(186, 197, 189, 1)
HSL
hsl(136.36, 8.66%, 75.1%)
HSLA
hsla(136, 9%, 75%, 1)
CMYK
cmyk(6%, 0%, 4%, 23%)

Color Palettes

Harmonious color combinations based on #BAC5BD

Monochromatic

Shades and tints of the same hue

#171C18
#465349
#748B7A
#ACB9AF
#E3E8E4

Analogous

Adjacent colors on the color wheel

#C2C5BA
#BCC5BA
#BAC5BD
#BAC5C2
#BAC2C5

Complementary

Opposite color for maximum contrast

#BAC5BD
#C5BAC2

Triadic

Three evenly spaced colors

#BAC5BD
#BDBAC5
#C5BDBA

CSS Usage Examples

Background

background-color: #BAC5BD;

Text

color: #BAC5BD;

Border

border: 2px solid #BAC5BD;

Shadow

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