Color #F4E5E4

#F4E5E4
RGB: 244, 229, 228

Color Information

RGB Values

244
Red
229
Green
228
Blue

HSL Values

4°
Hue
42%
Saturation
93%
Lightness

CMYK Values

0%
Cyan
6%
Magenta
7%
Yellow
4%
Key

Additional Info

Web Safe:#FFCCCC
Dominant:red

Color Harmonies

Complementary Color

Triadic Colors

Analogous Colors

Split Complementary Colors

About RGB Color 244, 229, 228

Psychological Impact of This Color

Energy & Passion

With red as the dominant component, this color may evoke feelings of energy, passion, and excitement. Red colors are attention-grabbing and can create a sense of urgency or importance.

The lighter tone adds a sense of accessibility and openness to the color's impact.

Common Applications

RGB color 244, 229, 228 (#F4E5E4) can be effectively used in:

Web Design

Buttons, headers, or accent colors

Digital Art

Illustrations and creative projects

UI Design

Applications and websites interfaces

Marketing

Branding elements and materials

The color #F4E5E4 (RGB 244, 229, 228) contains high red, high green, and high blue values, making it primarily a red color.

Psychological Impact of This Color

Energy & Passion

With red as the dominant component, this color may evoke feelings of energy, passion, and excitement. Red colors are attention-grabbing and can create a sense of urgency or importance.

The lighter tone adds a sense of accessibility and openness to the color's impact.

Common Applications

Digital Design

Red-dominant colors are often used for call-to-action buttons, notifications, and elements that need to grab attention.

Print & Physical Media

This color has a balanced saturation that would reproduce well in most print applications while still maintaining visual interest. Due to its lightness, it works well as a background but may not provide enough contrast for text.

Color Effects

Text Effects

Text Color

Sample Text with this Color

color: #F4E5E4;

Background Color

Sample Text on this Color

background-color: #F4E5E4;

Shadow Effects

Box Shadow

box-shadow: 0 4px 8px #F4E5E480;

Text Shadow

Text Shadow Effect

text-shadow: 2px 2px 4px #F4E5E480;

Share This Color