Home /Compare /Wine vs Grey

Wine vs Grey: What's the Difference?

The main difference between Wine and Grey is hue — Wine is a warm red, while Grey is a neutral gray. Wine (#722F37) has an HSL of 353°, 42%, 32%, whereas Grey (#808080) sits at 0°, 0%, 50%.

Wine#722F37
Grey#808080
#722F37Blended: #79585C#808080

Wine vs Grey: Key Differences at a Glance

Aspect Wine Grey
BrightnessDark (L=32%) — rich, serious, substantialMedium (L=50%) — balanced, versatile
SaturationModerately saturated (S=42%) — balanced in intensityNear-neutral (S=0%) — desaturated and restrained
Hue familyRedGray
TemperatureWarmNeutral
Hex code#722F37#808080
RGB114, 47, 55128, 128, 128

Can you use Wine and Grey together?

Grey text on Wine
Wine text on Grey
Contrast Ratio:2.44:1Insufficient Contrast

How to Tell Wine and Grey Apart

  • Look at lightness first: Grey is noticeably lighter.
  • Check saturation: Wine looks more vivid and saturated.
  • Compare them on a white background to see true saturation, and on black to see true lightness.

When to Use Wine vs Grey in Design

Use Wine for:
Alerts, errors, stop states
Sale & promotion banners
Food and beverage packaging
Sports and energy branding
Romantic & bold fashion
Use Grey for:
Backgrounds and UI chrome
Professional corporate design
Minimalist and modern brands
Text and secondary elements
Architectural neutrals

Wine and Grey Hex Codes, RGB & HSL

Wine#722F37

Wine (#722F37) is a dark, moderately saturated red with a warm undertone — it feels rich, serious, substantial and balanced in intensity.

HEX
RGB
HSL
HSV
CMYK
PANTONE
Shades
Tints
Grey#808080

Grey (#808080) is a medium, near-neutral gray with a neutral undertone — it feels balanced, versatile and desaturated and restrained.

HEX
RGB
HSL
HSV
CMYK
PANTONE
Shades
Tints

Wine and Grey WCAG Contrast Ratios

Text legibility depends on the contrast ratio between foreground and background. WCAG 2.1 AA requires at least 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1. Use these numbers to choose accessible combinations for your design.

Sample text preview
Wine text on white
9.65:1AAA
Sample text preview
Wine text on black
2.18:1Fail
Sample text preview
Grey text on white
3.95:1AA Large
Sample text preview
Grey text on black
5.32:1AA
Sample text preview
Wine text on Grey
2.44:1Fail
Sample text preview
Grey text on Wine
2.44:1Fail

Explore Wine and Grey individually

Each color has a dedicated page with shades, tints, CSS name, pairings, and color psychology.

Wine color page#722F37 · shades, tints, pairingsGrey color page#808080 · shades, tints, pairings

More Wine and Grey Comparisons

Wine vs Grey FAQ

What is the difference between wine and grey?+
The main difference between Wine and Grey is hue — Wine is a warm red, while Grey is a neutral gray. Wine (#722F37) has an HSL of 353°, 42%, 32%, whereas Grey (#808080) sits at 0°, 0%, 50%.
Is wine darker than grey?+
Yes. Wine is darker, with a lightness of 32% in HSL compared to Grey at 50% — a 18-point gap.
Are wine and grey the same color?+
No. Wine is #722F37 and Grey is #808080. They differ by 7° in hue, 18% in lightness, and 42% in saturation.
Which is more saturated, wine or grey?+
Wine is more saturated. In HSL, Wine has 42% saturation and Grey has 0% — Wine is the more vivid of the two, while Grey reads as more muted.
Is wine warm or cool?+
Wine (#722F37) is a warm red. Its hue sits at 353° on the color wheel, which places it in the warm range.
Is grey warm or cool?+
Grey (#808080) is a neutral gray. Its hue sits at 0° on the color wheel, which places it in the neutral range.
Can you use wine and grey together?+
Yes. Wine (red) and Grey (gray) can work as a complementary or analogous pair. Use one as the dominant tone and the other as a 10–20% accent to keep the palette balanced.
What color family does wine belong to?+
Wine belongs to the red family. Its HSL is 353°, 42%, 32% — a warm tone within the broader red group.
What is the hex code for wine?+
The hex code for Wine is #722F37. In RGB, that's rgb(114, 47, 55), and in HSL it's hsl(353, 42%, 32%).
What is the hex code for grey?+
The hex code for Grey is #808080. In RGB, that's rgb(128, 128, 128), and in HSL it's hsl(0, 0%, 50%).