Amaranth Pink

HEX: #F19CBB | Modern Palette

On White
2.06:1
FAIL
On Black
10.21:1
PASS

Color Specifications

HEX
#F19CBB
RGB
241, 156, 187
HSL
338°, 35% ,94%
CMYK
0, 35.27, 22.41, 5.49

About Amaranth Pink

Amaranth Pink (#F19CBB) is a color with RGB(241, 156, 187) and HSL(338.12°, 35.27%, 94.51%). In design, it fits Warm styles and is suitable for Text, Background, Print. Its complementary color is #9CF1D2, which creates strong contrast. Its triadic palette includes #BBF19C and #9CBBF1. The name comes from Amaranth Pink (English).

  • HEX: #F19CBB
  • RGB: 241, 156, 187
  • HSL: 338.12°, 35.27%, 94.51%
  • Style: Warm
  • Use case: Text, Background, Print
  • Complementary color: #9CF1D2
  • Triadic colors: #BBF19C, #9CBBF1
  • The name comes from Amaranth Pink (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Amaranth Pink #F19CBB 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.
 
 
 
AMARANTH PINK
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
AMARANTH 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

Amaranth Pink #F19CBB pairs with #9CF1D2 as its complementary color, and #BBF19C and #9CBBF1 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.

AMARANTH PINK
Analogous

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

AMARANTH PINK
Triadic

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

AMARANTH PINK
Split-Complementary

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

AMARANTH PINK
Tetradic (Square)

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

AMARANTH PINK
Monochromatic

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

AMARANTH PINK

Shades & Tints

The shade and tint range for Amaranth Pink #F19CBB moves from dark #16030A tones through the base color to lighter #FCE9F0 tones, making it useful for depth, hierarchy, and background variation.

AMARANTH PINK

Color Characteristics

Mood
Style
Warm
Use case
Text Background Print

Accessibility Simulation

Deuteranopia #BABAB9
Protanopia #A8A8BB
Tritanopia #EEA0A0
Achromatopsia #B5B5B5

Frequently Asked Questions

Amaranth Pink (#F19CBB) is a color with RGB(241, 156, 187) and HSL(338.12°, 35.27%, 94.51%).

#F19CBB pairs strongly with #9CF1D2 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#F19CBB is suitable for Text, Background, Print and works well with Warm styles.

The name Amaranth Pink is linked to Amaranth Pink from English, meaning A pink shade resembling the color of amaranth flowers..

Name, History & Etymology

Origin Word Amaranth Pink
Meaning A pink shade resembling the color of amaranth flowers.
Language English
First Recorded Use Late 19th - Early 20th Century

History

The color 'amaranth' itself is named after the amaranth plant, known for its vibrant, long-lasting flowers, which often range from deep red to purplish-red. 'Amaranth Pink' specifically refers to a lighter, more pinkish interpretation of this floral hue. It falls within the broader spectrum of pinks, often characterized by a slight warmth or a hint of purple that distinguishes it from a pure, cool pink. Its use has been prevalent in textiles, cosmetics, and interior design, often chosen for its soft yet distinct vibrancy.

First Recorded Use

The term 'amaranth' as a color name (referring to a reddish-purple) dates back to the late 17th century. 'Amaranth Pink' as a specific shade likely emerged later, as color naming became more nuanced, particularly in fashion and art, around the late 19th or early 20th century. Exact first use is difficult to pinpoint without specific historical color charts or fashion magazines from that era.

Cultural Associations

Pink, in general, is often associated with femininity, sweetness, romance, and tenderness in Western cultures. 'Amaranth Pink,' with its floral namesake, can evoke feelings of natural beauty, delicate charm, and a touch of sophistication. It's a color that can be seen as playful yet elegant, making it versatile in various cultural contexts, from children's wear to high fashion.

Similar Named Colors
Pastel Magenta #F49AC2 ΔE 2.23
Carnation Pink #FFA6C9 ΔE 3.15
Kobi #E79FC4 ΔE 3.54
Light Thulian Pink #E68FAC ΔE 3.57

Code Snippets

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

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

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

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

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #F19CBB,
        #ECF6F2
    );
}

// SCSS variable
$amaranth-pink: #F19CBB;

// With RGB channels (useful for rgba() usage)
$amaranth-pink-r: 241;
$amaranth-pink-g: 156;
$amaranth-pink-b: 187;

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