Figma color wheel
Want to find the perfect complementary or analogous colors to match Wine?
Wine color is a rich, deep hue, blending red with purple for an elegant, warm vibe. Found between red and violet on the color wheel, it evokes sophistication. Nearby shades include burgundy and merlot. Add wine color to designs for a touch of luxury and depth, ideal for chic fashion items or elegant decor accents.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Earthbound Melody
Whispering Forest
Midnight Clay
Wine is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #722F37
- RGB value: 44.7% red, 18.4% green, 21.6% blue
Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines
For variations within the same spectrum as wine, consider:
- Burgundy (#660033): Burgundy shares a deep red hue with Wine, enriched with dark undertones that evoke the richness and depth characteristic of red wine.
- Claret (#7f1734): Claret resembles the intense and bold nature of Wine, featuring similar dark red tones with a hint of purple, echoing the complex layers in a wine spectrum.
- Mahogany (#c04000): Mahogany presents a warmer, reddish-brown hue that aligns with Wine’s depth, carrying a natural, earthy quality akin to wood-aged wine.
- Rose Red (#fa003f): Rose Red captures a more vibrant aspect of the wine color spectrum, combining deep red with energetic brightness to reflect wine’s vivid intensity.
To complement Wine, consider pairing it with:
- Sage (#BBB791): Sage provides an earthy balance that highlights Wine’s rich, bold tone while introducing a calming, organic feel.
- Mustard Yellow (#FFCE1B): This warm, golden hue contrasts beautifully with Wine, adding a lively touch that enhances Wine’s intensity.
- Light Gray (#D3D3D3): Light Gray acts as a neutral backdrop, letting Wine shine without overwhelming the eyes, allowing for a classic and elegant palette.
- Emerald Green (#00674F): The deep, lush tones of Emerald Green create a striking contrast with Wine, resulting in a sophisticated and vibrant combination.
- Champagne (#F7E6CA): Champagne’s soft, subtle shimmer complements Wine by bringing a touch of elegance and highlighting the depth of Wine’s color.
While Wine is a rich and sophisticated hue, it may clash with:
- Neon Green (#2CFF05): The brightness and intensity of neon green create a stark contrast with wine, resulting in a visually unsettling pairing.
- Bright Yellow (#FFED29): This lively and vibrant yellow can overpower wine's deep hue, disrupting its subtlety and elegance.
- Fuchsia (#FF00FF): Fuchsia's high energy and boldness can compete with wine, leading to a clash of vibrant tones that struggle for attention.
- Cyan (#00FFFF): Cyan's cool and intense nature contrasts sharply against wine, creating a jarring effect that lacks harmony.
Contrast checker
Contrast 9.65
- Large Text
#722F37
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Contrast 2.18
- Large Text
#722F37
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #722F37, known as Wine, has RGB values of R:114, G:47, B:55 and CMYK values of C:0, M:59, Y:52, K:55.
| VALUE | CSS | |
|---|---|---|
| HEX | #722F37 | #722F37 |
| RGB DECIMAL | 114, 47, 55 | RGB(114,47,55) |
| RGB PERCENTAGE | 44.7, 18.4, 21.6 | RGB(44.7%,18.4%,21.6%) |
| CMYK | 0, 59, 52, 55 | |
| HSL | HSL(352.8, 41.6%, 31.6%) | HSL(352.8, 41.6%, 31.6%) |
| HSV (OR HSB) | 352.8°, 58.8, 44.7 | |
| WEB SAFE | #1025151 | #1025151 |
| BINARY | 01110010, 00101111, 00110111 | |
| iOS - SwiftUI | Color(red: 0.447, green: 0.184, blue: 0.216) | |
| iOS - UIKit | UIColor(red: 0.447, green: 0.184, blue: 0.216, alpha: 1) | |
| Android - Compose | Color(0xFF722F37) |
