Skip to main content

#BAFFF0

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
#BAFFF0
RGB
rgb(186, 255, 240)
RGBA
rgba(186, 255, 240, 1)
HSL
hsl(166.96, 100%, 86.47%)
HSLA
hsla(167, 100%, 86%, 1)
CMYK
cmyk(27%, 0%, 6%, 0%)

Color Palettes

Harmonious color combinations based on #BAFFF0

Monochromatic

Shades and tints of the same hue

#003328
#009978
#00FFC8
#66FFDE
#CCFFF4

Analogous

Adjacent colors on the color wheel

#C7FFB8
#B8FFCC
#BAFFF0
#B8EBFF
#B8C7FF

Complementary

Opposite color for maximum contrast

#BAFFF0
#FFB8C7

Triadic

Three evenly spaced colors

#BAFFF0
#F0B8FF
#FFF0B8

CSS Usage Examples

Background

background-color: #BAFFF0;

Text

color: #BAFFF0;

Border

border: 2px solid #BAFFF0;

Shadow

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