Skip to main content

#B1D3E8

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
#B1D3E8
RGB
rgb(177, 211, 232)
RGBA
rgba(177, 211, 232, 1)
HSL
hsl(202.91, 54.46%, 80.2%)
HSLA
hsla(203, 54%, 80%, 1)
CMYK
cmyk(24%, 9%, 0%, 9%)

Color Palettes

Harmonious color combinations based on #B1D3E8

Monochromatic

Shades and tints of the same hue

#0C1D27
#235676
#3B90C4
#89BCDC
#D8E9F3

Analogous

Adjacent colors on the color wheel

#B0E8C6
#B0E8E1
#B1D3E8
#B0B7E8
#C6B0E8

Complementary

Opposite color for maximum contrast

#B1D3E8
#E8C6B0

Triadic

Three evenly spaced colors

#B1D3E8
#E8B0D2
#D2E8B0

CSS Usage Examples

Background

background-color: #B1D3E8;

Text

color: #B1D3E8;

Border

border: 2px solid #B1D3E8;

Shadow

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