Coral Pink

HEX: #F88379 | Modern Palette

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

Color Specifications

HEX
#F88379
RGB
248, 131, 121
HSL
4°, 90% ,72%
CMYK
0, 47, 51, 3

About Coral Pink

Coral Pink (#F88379) is a color with RGB(248, 131, 121) and HSL(4.7°, 90.1%, 72.4%). It is commonly associated with Bold, Playful moods. In design, it fits Neon, Warm styles and is suitable for Text, Button, Accent. Its complementary color is #79EEF8, which creates strong contrast. Its triadic palette includes #79F883 and #8379F8. The name comes from Coral Pink (English).

  • HEX: #F88379
  • RGB: 248, 131, 121
  • HSL: 4.7°, 90.1%, 72.4%
  • Mood: Bold, Playful
  • Style: Neon, Warm
  • Use case: Text, Button, Accent
  • Complementary color: #79EEF8
  • Triadic colors: #79F883, #8379F8
  • The name comes from Coral 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 #F88379 from deepest shade to lightest tint.

Color Characteristics

Mood
Bold Playful
Style
Neon Warm
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #B0B074
Protanopia #96967A
Tritanopia #F98282
Achromatopsia #A5A5A5

Frequently Asked Questions

Coral Pink (#F88379) is a color with RGB(248, 131, 121) and HSL(4.7°, 90.1%, 72.4%).

#F88379 pairs strongly with #79EEF8 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#F88379 is suitable for Text, Button, Accent and works well with Neon, Warm styles.

#F88379 is commonly associated with Bold, Playful.

The name Coral Pink is linked to Coral Pink from English, meaning A color resembling the light reddish-pink hue often found in coral formations..

Name, History & Etymology

Origin Word Coral Pink
Meaning A color resembling the light reddish-pink hue often found in coral formations.
Language English
First Recorded Use Early 20th Century

History

The color coral itself has been valued for centuries, particularly the precious coral (Corallium rubrum) found in the Mediterranean, which was used for jewelry and ornamentation. The color name 'coral' entered the English language in the 16th century. As color palettes expanded and became more refined, especially in the late 19th and early 20th centuries, more specific descriptors like 'coral pink' became necessary to distinguish variations. 'Coral pink' specifically refers to the lighter, more pinkish end of the coral spectrum, often associated with the delicate appearance of some living corals or bleached corals. It gained significant traction in fashion and home decor during the mid-20th century and has seen resurgences in popularity.

First Recorded Use

The term 'coral' as a color descriptor dates back to at least the 16th century, referring to the reddish-orange color of precious coral. The specific compound term 'coral pink' likely emerged as a more precise descriptor to differentiate lighter, pinker shades of coral from the more traditional reddish-orange, gaining popularity in the early 20th century with the rise of more nuanced color naming in fashion and interior design.

Cultural Associations

Coral pink is often associated with warmth, femininity, and a tropical or summery feel. It can evoke feelings of playfulness, romance, and vibrancy. In some cultures, coral itself has symbolic meaning, representing protection, healing, or good fortune. The 'pink' aspect adds a softer, more delicate connotation. It's a popular color for spring and summer fashion, beachwear, and often used in wedding themes and interior design to create a cheerful and inviting atmosphere.

Similar Named Colors

Salmon #FA8072 ΔE 1.59
Light Coral #F08080 ΔE 3.58
Bittersweet #FE6F5E ΔE 5.28
Tulip #FF878D ΔE 5.33

Code Snippets

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

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

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

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #F88379,
        #79EEF8
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #F88379,
        #79EEF8
    );
}

// SCSS variable
$coral-pink: #F88379;

// With RGB channels (useful for rgba() usage)
$coral-pink-r: 248;
$coral-pink-g: 131;
$coral-pink-b: 121;

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