Image Color Picker

📝 Color Information

Color #FDE3DE is a specific shade of Red. Its hexadecimal code #FDE3DE represents its unique identity in the web color spectrum. In color psychology, this shade aligns with concepts often associated with the Red family. Red is a color of strong emotion, often associated with energy, war, danger, strength, power, determination as well as passion, desire, and love. It is a very emotionally intense color. It enhances human metabolism, increases respiration rate, and raises blood pressure. As a very light tint, this color conveys purity, cleanliness, and minimalism. It feels open and airy.

Technical Composition

In the RGB (Red, Green, Blue) color space, which is used for digital screens, this color is composed of 36% Red, 32% Green, and 32% Blue. This color has a dominant Red channel, giving it warmth. This specific mix creates result that is visually distinct. In the HSL (Hue, Saturation, Lightness) model, #FDE3DE has a hue angle of 10 degrees, a saturation level of 89%, and a lightness level of 93%.

Color Harmonies and Mixing

Start with a Red base. Add White to lighten it. Use pure pigments to maintain vibrancy. When paired with other colors, #FDE3DE can create stunning visual impacts. A Complementary scheme would pair this with a color from the opposite side of the wheel (Hue 190°), creating high contrast. For a more subtle look, an Analogous scheme uses neighbors on the color wheel, creating a serene and comfortable design.

Web Design Usage

Because it is a light color, #FDE3DE is best used as a background. It provides a clean, open canvas. Dark text (like #000000 or #333333) will have excellent contrast against it.

Printing and Physical Media

In the CMYK color model used for print (magazines, business cards, brochures), this color is created by mixing 0% Cyan, 10% Magenta, 12% Yellow, and 1% Black ink. When printing, colors may appear slightly different than on screen due to the differences between additive (light) and subtractive (ink) color mixing.

Conversion Codes

To use this color in various digital formats, you can use the following codes:

Hex: #FDE3DE
RGB: rgb(253, 227, 222)
HSL: hsl(10, 89%, 93%)
CMYK: cmyk(0%, 10%, 12%, 1%)

This comprehensive information ensures you can accurately reproduce #FDE3DE across all mediums, from digital screens to physical print materials.

🔢 Color Conversion

HEX

#FDE3DE

RGB

rgb(253, 227, 222)

RGB %

99%, 89%, 87%

HSL

hsl(10, 89%, 93%)

HSV

hsv(10, 12%, 99%)

CMYK

0%, 10%, 12%, 1%

Decimal

16638942

Web Safe

#FFCCCC

🎨 Color Schemes

Complementary

Analogous

Triadic

Split Complementary

Tetradic (Rectangle)

🔄 Alternatives to #FDE3DE

🌗 Shades and Tints

Shades (adding black)

Tints (adding white)

🎚️ Tones of #FDE3DE

Tones (adding gray)

👁️ Preview

Text on #FDE3DE

This demonstrates text readability on the color background.

#FDE3DE as Text

This shows the color used as text on white.

👓 Color Blindness Simulator

Check how a color is perceived by people with different types of color blindness to create more accessible designs. Understanding color perception helps ensure your content is accessible to everyone.

📋 CSS Code

:root {
                --color-hex: #FDE3DE;
                --color-rgb: 253, 227, 222;
                --color-hsl: 10, 89%, 93%;
                }

                .bg-color { background-color: #FDE3DE; }
                .text-color { color: #FDE3DE; }
                .border-color { border-color: #FDE3DE; }