Skip to main content

#B0E9DC

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
#B0E9DC
RGB
rgb(176, 233, 220)
RGBA
rgba(176, 233, 220, 1)
HSL
hsl(166.32, 56.44%, 80.2%)
HSLA
hsla(166, 56%, 80%, 1)
CMYK
cmyk(24%, 0%, 6%, 9%)

Color Palettes

Harmonious color combinations based on #B0E9DC

Monochromatic

Shades and tints of the same hue

#0B2821
#227763
#38C7A6
#88DDC9
#D7F4ED

Analogous

Adjacent colors on the color wheel

#BDE9AF
#AFE9BF
#B0E9DC
#AFD9E9
#AFBDE9

Complementary

Opposite color for maximum contrast

#B0E9DC
#E9AFBD

Triadic

Three evenly spaced colors

#B0E9DC
#DBAFE9
#E9DBAF

CSS Usage Examples

Background

background-color: #B0E9DC;

Text

color: #B0E9DC;

Border

border: 2px solid #B0E9DC;

Shadow

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