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

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
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

Complementary

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

Analogous

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

Triadic

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

Split-Complementary

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

Tetradic (Square)

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

Monochromatic

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

Shades & Tints

A seamless scale of #E18E96 from deepest shade to lightest tint.

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);
}