Skip to main content

#BCC69F

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
#BCC69F
RGB
rgb(188, 198, 159)
RGBA
rgba(188, 198, 159, 1)
HSL
hsl(75.38, 25.49%, 70%)
HSLA
hsla(75, 25%, 70%, 1)
CMYK
cmyk(5%, 0%, 20%, 22%)

Color Palettes

Harmonious color combinations based on #BCC69F

Monochromatic

Shades and tints of the same hue

#1D2013
#566039
#8F9F60
#BCC69F
#E9ECDF

Analogous

Adjacent colors on the color wheel

#C6A99F
#C6BC9F
#BCC69F
#A9C69F
#9FC6A9

Complementary

Opposite color for maximum contrast

#BCC69F
#A99FC6

Triadic

Three evenly spaced colors

#BCC69F
#9FBCC6
#C69FBC

CSS Usage Examples

Background

background-color: #BCC69F;

Text

color: #BCC69F;

Border

border: 2px solid #BCC69F;

Shadow

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