#E2E8F0

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

#E2E8F0

RGB

rgb(226, 232, 240)

RGBA

rgba(226, 232, 240, 1)

HSL

hsl(214.29, 31.82%, 91.37%)

HSLA

hsla(214, 32%, 91%, 1)

CMYK

cmyk(6%, 3%, 0%, 6%)

Color Palettes

Harmonious color combinations based on #E2E8F0

Monochromatic

Shades and tints of the same hue

#111822

#344965

#577AA8

#9AAFCB

#DDE4EE

Analogous

Adjacent colors on the color wheel

#E1EFE9

#E1EEEF

#E2E8F0

#E2E1EF

#E9E1EF

Complementary

Opposite color for maximum contrast

#E2E8F0

#EFE9E1

Triadic

Three evenly spaced colors

#E2E8F0

#EFE1E7

#E7EFE1

CSS Usage Examples

Background

background-color: #E2E8F0;

Text

color: #E2E8F0;

Border

border: 2px solid #E2E8F0;

Shadow

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

Related Colors

Discover harmonious color variations

Complementary

#F0EAE2

Opposite on color wheel

Lighter

#FFFFFF

+20% lightness

Darker

#9FB3CD

-20% lightness

Analogous -30°

#E2EFF0

Adjacent color

Analogous +30°

#E3E2F0

Adjacent color