#B2DFDB

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

#B2DFDB

RGB

rgb(178, 223, 219)

RGBA

rgba(178, 223, 219, 1)

HSL

hsl(174.67, 41.28%, 78.63%)

HSLA

hsla(175, 41%, 79%, 1)

CMYK

cmyk(20%, 0%, 2%, 13%)

Color Palettes

Harmonious color combinations based on #B2DFDB

Monochromatic

Shades and tints of the same hue

#0F2422

#2D6C67

#4BB4AB

#93D2CD

#DBF0EE

Analogous

Adjacent colors on the color wheel

#B7DFB3

#B3DFC6

#B2DFDB

#B3CDDF

#B3B7DF

Complementary

Opposite color for maximum contrast

#B2DFDB

#DFB3B7

Triadic

Three evenly spaced colors

#B2DFDB

#DCB3DF

#DFDCB3

CSS Usage Examples

Background

background-color: #B2DFDB;

Text

color: #B2DFDB;

Border

border: 2px solid #B2DFDB;

Shadow

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

Related Colors

Discover harmonious color variations

Complementary

#DFB2B6

Opposite on color wheel

Lighter

#FAFDFD

+20% lightness

Darker

#6AC1B9

-20% lightness

Analogous -30°

#B2DFC4

Adjacent color

Analogous +30°

#B2CDDF

Adjacent color