Skip to main content

#BAF6FF

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
#BAF6FF
RGB
rgb(186, 246, 255)
RGBA
rgba(186, 246, 255, 1)
HSL
hsl(187.83, 100%, 86.47%)
HSLA
hsla(188, 100%, 86%, 1)
CMYK
cmyk(27%, 4%, 0%, 0%)

Color Palettes

Harmonious color combinations based on #BAF6FF

Monochromatic

Shades and tints of the same hue

#002C33
#008599
#00DDFF
#66EBFF
#CCF8FF

Analogous

Adjacent colors on the color wheel

#B8FFC1
#B8FFE5
#BAF6FF
#B8D2FF
#C1B8FF

Complementary

Opposite color for maximum contrast

#BAF6FF
#FFC1B8

Triadic

Three evenly spaced colors

#BAF6FF
#FFB8F5
#F5FFB8

CSS Usage Examples

Background

background-color: #BAF6FF;

Text

color: #BAF6FF;

Border

border: 2px solid #BAF6FF;

Shadow

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