Ruddy Pink

HEX: #E18E96 | Modern Palette

On White
2.47:1
FAIL
On Black
8.51:1
PASS

Color Specifications

HEX
#E18E96
RGB
225, 142, 150
HSL
354°, 58% ,72%
CMYK
0, 37, 33, 12

About Ruddy Pink

Ruddy Pink (#E18E96) is a color with RGB(225, 142, 150) and HSL(354.2°, 58%, 72%). It is commonly associated with Romantic moods. In design, it fits Warm styles and is suitable for Text, Button, Logo. Its complementary color is #8EE1D9, which creates strong contrast. Its triadic palette includes #96E18E and #8E96E1. The name comes from Ruddy Pink (English).

  • HEX: #E18E96
  • RGB: 225, 142, 150
  • HSL: 354.2°, 58%, 72%
  • Mood: Romantic
  • Style: Warm
  • Use case: Text, Button, Logo
  • Complementary color: #8EE1D9
  • Triadic colors: #96E18E, #8E96E1
  • The name comes from Ruddy Pink (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Ruddy Pink #E18E96 is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
 
 
 
RUDDY PINK
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
RUDDY PINK
 
 
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
 
 
 
 
 
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.
 
 
 
 
 

Color Harmonies

Ruddy Pink #E18E96 pairs with #8EE1D9 as its complementary color, and #96E18E and #8E96E1 in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

RUDDY PINK
Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

RUDDY PINK
Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

RUDDY PINK
Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

RUDDY PINK
Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

RUDDY PINK
Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

RUDDY PINK

Shades & Tints

The shade and tint range for Ruddy Pink #E18E96 moves from dark #140507 tones through the base color to lighter #FAEBEC tones, making it useful for depth, hierarchy, and background variation.

RUDDY PINK

Color Characteristics

Mood
Romantic
Style
Warm
Use case
Text Button Logo

Accessibility Simulation

Deuteranopia #ACAC94
Protanopia #9A9A96
Tritanopia #E08F8F
Achromatopsia #A5A5A5

Frequently Asked Questions

Ruddy Pink (#E18E96) is a color with RGB(225, 142, 150) and HSL(354.2°, 58%, 72%).

#E18E96 pairs strongly with #8EE1D9 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#E18E96 is suitable for Text, Button, Logo and works well with Warm styles.

#E18E96 is commonly associated with Romantic.

The name Ruddy Pink is linked to Ruddy Pink from English, meaning A reddish-pink color, often associated with healthy skin or a flush..

Name, History & Etymology

Origin Word Ruddy Pink
Meaning A reddish-pink color, often associated with healthy skin or a flush.
Language English
First Recorded Use Late 19th - Early 20th Century (as a specific color descriptor)

History

The term 'ruddy' has a long history, primarily referring to a healthy, reddish complexion. When combined with 'pink,' it evokes a warm, vibrant, and often natural shade of pink. Its use became more prevalent as color naming became more nuanced, moving beyond basic color terms to more descriptive compounds. In the context of cosmetics, 'ruddy pink' would suggest a natural blush or lip color. In fashion, it might describe a fabric with a warm, slightly muted pink hue. The hex code #e18e96 specifically defines a particular shade within this descriptive range.

First Recorded Use

While 'ruddy' and 'pink' have much older origins, the specific compound 'ruddy pink' as a distinct color name likely gained traction in the late 19th or early 20th century, particularly in fashion, cosmetics, and art descriptions. 'Ruddy' itself dates back to Old English 'rudig' meaning red or reddish, and 'pink' as a color name emerged in the 17th century.

Cultural Associations

Culturally, 'ruddy' often carries connotations of health, vitality, and outdoor living, especially when describing skin tone. 'Pink' is widely associated with femininity, sweetness, and romance. 'Ruddy Pink' therefore combines these, suggesting a vibrant, natural, and perhaps youthful or healthy femininity. It's a color that can be seen as cheerful and inviting. It's less 'bubblegum' pink and more 'rose petal' or 'flushed cheek' pink.

Similar Named Colors
Shimmering Blush #D98695 ΔE 3.23
Mauvelous #EF98AA ΔE 4.68
Pink Sherbet #F78FA7 ΔE 5.51
Salmon Pink #FF91A4 ΔE 5.60

Code Snippets

/* Background */
.element {
    background-color: #E18E96;
}

/* Text */
.element {
    color: #E18E96;
}

/* Border */
.element {
    border: 1px solid #E18E96;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #E18E96,
        #8EE1D9
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #E18E96,
        #8EE1D9
    );
}

// SCSS variable
$ruddy-pink: #E18E96;

// With RGB channels (useful for rgba() usage)
$ruddy-pink-r: 225;
$ruddy-pink-g: 142;
$ruddy-pink-b: 150;

// Usage
.element {
    background-color: $ruddy-pink;
    color: rgba($ruddy-pink-r, $ruddy-pink-g, $ruddy-pink-b, 0.8);
}