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
Color Harmonies
Complementary
The color directly opposite on the color wheel — creates maximum contrast and vibrance.
Analogous
Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.
Triadic
Three colors equally spaced 120° apart — bold, balanced, and visually rich.
Split-Complementary
Two colors flanking the complement — high contrast with less tension than full complementary.
Tetradic (Square)
Four colors at 90° intervals — rich variety, best when one color dominates.
Monochromatic
Shades and tints of the same hue — cohesive, elegant, and easy to work with.
Shades & Tints
A seamless scale of #AC1E44 from deepest shade to lightest tint.
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);
}