Dogwood Rose

HEX: #D71868 | Modern Palette

On White
4.98:1
PASS
On Black
4.22:1
FAIL

Color Specifications

HEX
#D71868
RGB
215, 24, 104
HSL
334°, 79% ,46%
CMYK
0, 89, 52, 16

About Dogwood Rose

Dogwood Rose (#D71868) is a color with RGB(215, 24, 104) and HSL(334.9°, 79.9%, 46.9%). It is commonly associated with Energetic, Romantic moods. In design, it fits Vivid, Warm styles and is suitable for Text, Button, Accent. Its complementary color is #18D787, which creates strong contrast. Its triadic palette includes #68D718 and #1868D7. The name comes from Dogwood Rose (English).

  • HEX: #D71868
  • RGB: 215, 24, 104
  • HSL: 334.9°, 79.9%, 46.9%
  • Mood: Energetic, Romantic
  • Style: Vivid, Warm
  • Use case: Text, Button, Accent
  • Complementary color: #18D787
  • Triadic colors: #68D718, #1868D7
  • The name comes from Dogwood Rose (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Dogwood Rose #D71868 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.
 
 
DOGWOOD ROSE
 
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
DOGWOOD ROSE
 
 
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
 
 
DOGWOOD ROSE
 
 
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.
 
 
 
 
 

Color Harmonies

Dogwood Rose #D71868 pairs with #18D787 as its complementary color, and #68D718 and #1868D7 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.

DOGWOOD ROSE
Analogous

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

DOGWOOD ROSE
Triadic

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

DOGWOOD ROSE
Split-Complementary

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

DOGWOOD ROSE
Tetradic (Square)

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

DOGWOOD ROSE
Monochromatic

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

DOGWOOD ROSE

Shades & Tints

The shade and tint range for Dogwood Rose #D71868 moves from dark #17030B tones through the base color to lighter #FCE8F1 tones, making it useful for depth, hierarchy, and background variation.

DOGWOOD ROSE

Color Characteristics

Mood
Energetic Romantic
Style
Vivid Warm
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #7D7D63
Protanopia #515169
Tritanopia #D52C2C
Achromatopsia #707070

Frequently Asked Questions

Dogwood Rose (#D71868) is a color with RGB(215, 24, 104) and HSL(334.9°, 79.9%, 46.9%).

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

#D71868 is suitable for Text, Button, Accent and works well with Vivid, Warm styles.

#D71868 is commonly associated with Energetic, Romantic.

The name Dogwood Rose is linked to Dogwood Rose from English, meaning A combination of 'Dogwood' (a type of flowering tree) and 'Rose' (a type of flowering shrub), often used to describe a specific shade of pink or a floral motif..

Name, History & Etymology

Origin Word Dogwood Rose
Meaning A combination of 'Dogwood' (a type of flowering tree) and 'Rose' (a type of flowering shrub), often used to describe a specific shade of pink or a floral motif.
Language English
First Recorded Use Early 20th Century (as a color name)

History

The term 'Dogwood Rose' as a color descriptor gained traction as manufacturers and designers sought more evocative and specific names for their products. The Dogwood tree (Cornus florida) is known for its distinctive white or pinkish-white bracts (often mistaken for petals) in spring, while roses come in an immense variety of colors, including many shades of pink. Combining them suggests a particular hue that might be found in the more intensely colored varieties of dogwood or a specific shade of rose. The hex code #d71868 is a modern digital representation of this vibrant pink.

First Recorded Use

While 'Dogwood' and 'Rose' have ancient origins, their combination as a specific color name or descriptive term for a shade of pink likely emerged in the early to mid-20th century, particularly in fashion, cosmetics, and interior design. The hex code #d71868 specifically points to a vibrant, deep pink.

Cultural Associations

The color 'Dogwood Rose' (or similar vibrant pinks) is often associated with femininity, romance, and springtime. In fashion and home decor, it can be seen as cheerful and lively. The Dogwood tree itself holds cultural significance in various regions, particularly in the Southern United States, where it is a beloved ornamental tree and state flower of Virginia and Missouri. Roses are universally recognized symbols of love and beauty. The combination evokes a sense of natural beauty and vibrancy.

Similar Named Colors
Ruby #E0115F ΔE 3.44
Razzmatazz #E3256B ΔE 3.49
Telemagenta #CF3476 ΔE 3.68
Red-purple #E40078 ΔE 3.77

Code Snippets

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

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

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

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

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #D71868,
        #18D787
    );
}

// SCSS variable
$dogwood-rose: #D71868;

// With RGB channels (useful for rgba() usage)
$dogwood-rose-r: 215;
$dogwood-rose-g: 24;
$dogwood-rose-b: 104;

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