French Wine
HEX: #AC1E44 | Modern Palette
Color Specifications
#AC1E44
172, 30, 68
343°, 82% ,67%
0, 82.56, 60.47, 32.55
About French Wine
French Wine (#AC1E44) is a color with RGB(172, 30, 68) and HSL(343.94°, 82.56%, 67.45%). It is commonly associated with Energetic, Bold moods. In design, it fits Vivid, Warm styles and is suitable for Text, Button, Accent. Its complementary color is #1EAC86, which creates strong contrast. Its triadic palette includes #44AC1E and #1E44AC.
- HEX: #AC1E44
- RGB: 172, 30, 68
- HSL: 343.94°, 82.56%, 67.45%
- Mood: Energetic, Bold
- Style: Vivid, Warm
- Use case: Text, Button, Accent
- Complementary color: #1EAC86
- Triadic colors: #44AC1E, #1E44AC
Live Components
Color Palettes
French Wine #AC1E44 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
French Wine #AC1E44 pairs with #1EAC86 as its complementary color, and #44AC1E and #1E44AC in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.
Frequently Asked Questions
Code Snippets
/* Background */
.element {
background-color: #AC1E44;
}
/* Text */
.element {
color: #AC1E44;
}
/* Border */
.element {
border: 1px solid #AC1E44;
}
/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#AC1E44,
#67F1CC
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#AC1E44,
#67F1CC
);
}
// SCSS variable
$french-wine: #AC1E44;
// With RGB channels (useful for rgba() usage)
$french-wine-r: 172;
$french-wine-g: 30;
$french-wine-b: 68;
// Usage
.element {
background-color: $french-wine;
color: rgba($french-wine-r, $french-wine-g, $french-wine-b, 0.8);
}