#ECFDF5

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

#ECFDF5

RGB

rgb(236, 253, 245)

RGBA

rgba(236, 253, 245, 1)

HSL

hsl(151.76, 80.95%, 95.88%)

HSLA

hsla(152, 81%, 96%, 1)

CMYK

cmyk(7%, 0%, 3%, 1%)

Color Palettes

Harmonious color combinations based on #ECFDF5

Monochromatic

Shades and tints of the same hue

#052E1B

#0F8A51

#18E786

#75F0B7

#D1FAE7

Analogous

Adjacent colors on the color wheel

#F4FDED

#EDFDED

#ECFDF5

#EDFDFD

#EDF4FD

Complementary

Opposite color for maximum contrast

#ECFDF5

#FDEDF4

Triadic

Three evenly spaced colors

#ECFDF5

#F5EDFD

#FDF5ED

CSS Usage Examples

Background

background-color: #ECFDF5;

Text

color: #ECFDF5;

Border

border: 2px solid #ECFDF5;

Shadow

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

Related Colors

Discover harmonious color variations

Complementary

#FDECF4

Opposite on color wheel

Lighter

#FFFFFF

+20% lightness

Darker

#90F3C4

-20% lightness

Analogous -30°

#ECFDED

Adjacent color

Analogous +30°

#ECFDFD

Adjacent color