Fuchsia Rose
HEX: #C74375 | Modern Palette
Color Specifications
#C74375
199, 67, 117
337°, 66% ,78%
0, 66.33, 41.21, 21.96
About Fuchsia Rose
Fuchsia Rose (#C74375) is a color with RGB(199, 67, 117) and HSL(337.27°, 66.33%, 78.04%). It is commonly associated with Playful, Romantic moods. In design, it fits Warm styles and is suitable for Text, Button, Accent. Its complementary color is #43C795, which creates strong contrast. Its triadic palette includes #75C743 and #4375C7. The name comes from Fuchsia Rose (English).
- HEX: #C74375
- RGB: 199, 67, 117
- HSL: 337.27°, 66.33%, 78.04%
- Mood: Playful, Romantic
- Style: Warm
- Use case: Text, Button, Accent
- Complementary color: #43C795
- Triadic colors: #75C743, #4375C7
- The name comes from Fuchsia Rose (English).
Live Components
Color Palettes
Fuchsia Rose #C74375 is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.
Color Harmonies
Fuchsia Rose #C74375 pairs with #43C795 as its complementary color, and #75C743 and #4375C7 in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.
Frequently Asked Questions
Name, History & Etymology
History
The color 'fuchsia' itself has been recognized since the mid-19th century, named after the fuchsia flower, which was in turn named after German botanist Leonhart Fuchs. 'Fuchsia Rose' is a more specific and vibrant iteration of fuchsia, often associated with fashion and design trends of the late 20th and early 21st centuries. Pantone's 'Fuchsia Rose' (17-2031 TCX) was notably chosen as the Color of the Year for 1994, solidifying its place in color discourse.
First Recorded Use
1990s (specifically 1994 for Pantone's 'Fuchsia Rose')
Cultural Associations
Fuchsia Rose is often associated with vibrancy, femininity, playfulness, and a touch of daring. It was popular in 90s fashion, cosmetics, and interior design. It can evoke feelings of energy and excitement. In some contexts, it might be seen as bold or even flamboyant. It's a color that stands out and demands attention.
Code Snippets
/* Background */
.element {
background-color: #C74375;
}
/* Text */
.element {
color: #C74375;
}
/* Border */
.element {
border: 1px solid #C74375;
}
/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#C74375,
#A2ECD0
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#C74375,
#A2ECD0
);
}
// SCSS variable
$fuchsia-rose: #C74375;
// With RGB channels (useful for rgba() usage)
$fuchsia-rose-r: 199;
$fuchsia-rose-g: 67;
$fuchsia-rose-b: 117;
// Usage
.element {
background-color: $fuchsia-rose;
color: rgba($fuchsia-rose-r, $fuchsia-rose-g, $fuchsia-rose-b, 0.8);
}