Carnation Pink

HEX: #FFA6C9 | Modern Palette

On White
1.82:1
FAIL
On Black
11.55:1
PASS

Color Specifications

HEX
#FFA6C9
RGB
255, 166, 201
HSL
336°, 100% ,82%
CMYK
0, 35, 21, 0

About Carnation Pink

Carnation Pink (#FFA6C9) is a color with RGB(255, 166, 201) and HSL(336.4°, 100%, 82.5%). It is commonly associated with Playful moods. In design, it fits Neon, Warm styles and is suitable for Text, Button, Background. Its complementary color is #A6FFDC, which creates strong contrast. Its triadic palette includes #C9FFA6 and #A6C9FF. The name comes from Carnation Pink (English).

  • HEX: #FFA6C9
  • RGB: 255, 166, 201
  • HSL: 336.4°, 100%, 82.5%
  • Mood: Playful
  • Style: Neon, Warm
  • Use case: Text, Button, Background
  • Complementary color: #A6FFDC
  • Triadic colors: #C9FFA6, #A6C9FF
  • The name comes from Carnation Pink (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

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

Carnation Pink #FFA6C9 pairs with #A6FFDC as its complementary color, and #C9FFA6 and #A6C9FF 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.

CARNATION PINK
Analogous

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

CARNATION PINK
Triadic

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

CARNATION PINK
Split-Complementary

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

CARNATION PINK
Tetradic (Square)

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

CARNATION PINK
Monochromatic

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

CARNATION PINK

Shades & Tints

The shade and tint range for Carnation Pink #FFA6C9 moves from dark #1A000A tones through the base color to lighter #FFE6F0 tones, making it useful for depth, hierarchy, and background variation.

CARNATION PINK

Color Characteristics

Mood
Playful
Style
Neon Warm
Use case
Text Button Background

Accessibility Simulation

Deuteranopia #C5C5C7
Protanopia #B3B3C9
Tritanopia #FCABAB
Achromatopsia #C0C0C0

Frequently Asked Questions

Carnation Pink (#FFA6C9) is a color with RGB(255, 166, 201) and HSL(336.4°, 100%, 82.5%).

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

#FFA6C9 is suitable for Text, Button, Background and works well with Neon, Warm styles.

#FFA6C9 is commonly associated with Playful.

The name Carnation Pink is linked to Carnation Pink from English, meaning A shade of pink resembling the color of certain carnation flowers..

Name, History & Etymology

Origin Word Carnation Pink
Meaning A shade of pink resembling the color of certain carnation flowers.
Language English
First Recorded Use Early 20th Century

History

The color pink itself has a long history, but specific named shades like 'Carnation Pink' are a more modern phenomenon. Carnations (Dianthus caryophyllus) have been cultivated for centuries, and pink varieties have always been common. The naming of a color after a flower is a common practice to evoke a specific visual and emotional quality. 'Carnation Pink' specifically refers to a soft, medium pink, often with a slightly warm undertone, distinct from more vibrant fuchsias or paler baby pinks. Its use became widespread in various industries, from crayons to paints to textiles.

First Recorded Use

The specific color name 'Carnation Pink' likely gained popularity in the early 20th century, particularly with the standardization of color names in fashion, cosmetics, and art supplies. While pink carnations existed much earlier, the precise naming of this specific hue as 'Carnation Pink' points to this period.

Cultural Associations

Carnation Pink is often associated with femininity, sweetness, and innocence. In Western cultures, pink is frequently linked to baby girls, and 'Carnation Pink' fits well within this palette. Carnations themselves have various symbolic meanings depending on their color; pink carnations often symbolize gratitude, admiration, and a mother's undying love. The color can evoke feelings of tenderness and charm. It's a popular color for spring and summer fashion, children's items, and romantic themes.

Similar Named Colors
Lavender Pink #FBAED2 ΔE 2.58
Nadeshiko Pink #F6ADC6 ΔE 3.11
Amaranth Pink #F19CBB ΔE 3.15
Pastel Magenta #F49AC2 ΔE 3.19

Code Snippets

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

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

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

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

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

// SCSS variable
$carnation-pink: #FFA6C9;

// With RGB channels (useful for rgba() usage)
$carnation-pink-r: 255;
$carnation-pink-g: 166;
$carnation-pink-b: 201;

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