Skip to main content

#BAF9AB

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
#BAF9AB
RGB
rgb(186, 249, 171)
RGBA
rgba(186, 249, 171, 1)
HSL
hsl(108.46, 86.67%, 82.35%)
HSLA
hsla(108, 87%, 82%, 1)
CMYK
cmyk(25%, 0%, 31%, 2%)

Color Palettes

Harmonious color combinations based on #BAF9AB

Monochromatic

Shades and tints of the same hue

#0C3003
#258F0A
#3DEE11
#8BF570
#D8FCCF

Analogous

Adjacent colors on the color wheel

#F9E9A9
#E1F9A9
#BAF9AB
#A9F9C1
#A9F9E9

Complementary

Opposite color for maximum contrast

#BAF9AB
#E9A9F9

Triadic

Three evenly spaced colors

#BAF9AB
#A9B9F9
#F9A9B9

CSS Usage Examples

Background

background-color: #BAF9AB;

Text

color: #BAF9AB;

Border

border: 2px solid #BAF9AB;

Shadow

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