#FEF2F2

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

#FEF2F2

RGB

rgb(254, 242, 242)

RGBA

rgba(254, 242, 242, 1)

HSL

hsl(0, 85.71%, 97.25%)

HSLA

hsla(0, 86%, 97%, 1)

CMYK

cmyk(0%, 5%, 5%, 0%)

Color Palettes

Harmonious color combinations based on #FEF2F2

Monochromatic

Shades and tints of the same hue

#2F0404

#8E0B0B

#ED1212

#F47171

#FBD0D0

Analogous

Adjacent colors on the color wheel

#FEF1FE

#FEF1F7

#FEF2F2

#FEF7F1

#FEFEF1

Complementary

Opposite color for maximum contrast

#FEF2F2

#F1FEFE

Triadic

Three evenly spaced colors

#FEF2F2

#F1FEF1

#F1F1FE

CSS Usage Examples

Background

background-color: #FEF2F2;

Text

color: #FEF2F2;

Border

border: 2px solid #FEF2F2;

Shadow

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

Related Colors

Discover harmonious color variations

Complementary

#F2FEFE

Opposite on color wheel

Lighter

#FFFFFF

+20% lightness

Darker

#F79393

-20% lightness

Analogous -30°

#FEF2F8

Adjacent color

Analogous +30°

#FEF8F2

Adjacent color