#BAE6FD

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

#BAE6FD

RGB

rgb(186, 230, 253)

RGBA

rgba(186, 230, 253, 1)

HSL

hsl(200.6, 94.37%, 86.08%)

HSLA

hsla(201, 94%, 86%, 1)

CMYK

cmyk(26%, 9%, 0%, 1%)

Color Palettes

Harmonious color combinations based on #BAE6FD

Monochromatic

Shades and tints of the same hue

#022131

#056294

#08A3F7

#6BC8FA

#CEEDFD

Analogous

Adjacent colors on the color wheel

#BAFDD1

#BAFDF3

#BAE6FD

#BAC4FD

#D1BAFD

Complementary

Opposite color for maximum contrast

#BAE6FD

#FDD1BA

Triadic

Three evenly spaced colors

#BAE6FD

#FDBAE5

#E5FDBA

CSS Usage Examples

Background

background-color: #BAE6FD;

Text

color: #BAE6FD;

Border

border: 2px solid #BAE6FD;

Shadow

box-shadow: 0 4px 6px #BAE6FD40;

Related Colors

Discover harmonious color variations

Complementary

#FDD1BA

Opposite on color wheel

Lighter

#FFFFFF

+20% lightness

Darker

#57C2FA

-20% lightness

Analogous -30°

#BAFDF2

Adjacent color

Analogous +30°

#BAC5FD

Adjacent color