Skip to main content

#BAFFDF

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
#BAFFDF
RGB
rgb(186, 255, 223)
RGBA
rgba(186, 255, 223, 1)
HSL
hsl(152.17, 100%, 86.47%)
HSLA
hsla(152, 100%, 86%, 1)
CMYK
cmyk(27%, 0%, 13%, 0%)

Color Palettes

Harmonious color combinations based on #BAFFDF

Monochromatic

Shades and tints of the same hue

#00331B
#009952
#00FF88
#66FFB8
#CCFFE7

Analogous

Adjacent colors on the color wheel

#D9FFB8
#B8FFBA
#BAFFDF
#B8FDFF
#B8D9FF

Complementary

Opposite color for maximum contrast

#BAFFDF
#FFB8D9

Triadic

Three evenly spaced colors

#BAFFDF
#DEB8FF
#FFDEB8

CSS Usage Examples

Background

background-color: #BAFFDF;

Text

color: #BAFFDF;

Border

border: 2px solid #BAFFDF;

Shadow

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