Skip to main content

#BAF7B1

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
#BAF7B1
RGB
rgb(186, 247, 177)
RGBA
rgba(186, 247, 177, 1)
HSL
hsl(112.29, 81.4%, 83.14%)
HSLA
hsla(112, 81%, 83%, 1)
CMYK
cmyk(25%, 0%, 28%, 3%)

Color Palettes

Harmonious color combinations based on #BAF7B1

Monochromatic

Shades and tints of the same hue

#0A2E05
#1F8A0F
#34E718
#85F075
#D6FAD1

Analogous

Adjacent colors on the color wheel

#F7EDB1
#DDF7B1
#BAF7B1
#B1F7CA
#B1F7ED

Complementary

Opposite color for maximum contrast

#BAF7B1
#EDB1F7

Triadic

Three evenly spaced colors

#BAF7B1
#B1BAF7
#F7B1BA

CSS Usage Examples

Background

background-color: #BAF7B1;

Text

color: #BAF7B1;

Border

border: 2px solid #BAF7B1;

Shadow

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