#722F37

Wine color code

Wine hex code: #722F37 · RGB 114, 47, 55. Also called wine red, vino.

What color is wine?

Wine is a dark, slightly brownish red like a glass of red wine. The common reference value is #722F37: browner and less purple than burgundy, and softer than maroon.

Wine red suits restaurants, wineries, autumn and winter campaigns, bookish and academic aesthetics, and leather goods. It's a warm, mature alternative to bright red for brand accents.

White text passes AAA on wine. Pair it with cream, camel, olive and gold for warmth, or with blush and charcoal for something modern. Use the rosé tint for hover states and light backgrounds.

Wine variants

Popular color names rarely have one official value. "Reference" values are the ones commonly listed in general color references; "HueWiz pick" values are lighter, deeper or muted versions chosen for interface work. Click a code to copy it.

Wine (reference value)#722F37rgb(114, 47, 55) · reference

Deep wine#5A1F27rgb(90, 31, 39) · HueWiz pick

Rosé wine#B5646Ergb(181, 100, 110) · HueWiz pick

Wine tint#D8B4B8rgb(216, 180, 184) · HueWiz pick

Wine on a real website

The same base color in a light and a dark theme. Surfaces and text are tinted with wine's hue; links are adjusted until they reach 4.5:1 against the surface. The accent comes from the first palette below.

light theme

StudioWorkAboutContact

Spring collection

Designed around wine.

A short paragraph shows how body text reads on this surface, with an inline link in the brand color.

Get startedLearn more

NewCard on surface with an accent badge.

Light roles · surface #FFF4F4 · text #2D191A · link #722F37

dark theme

StudioWorkAboutContact

Spring collection

Designed around wine.

A short paragraph shows how body text reads on this surface, with an inline link in the brand color.

Get startedLearn more

NewCard on surface with an accent badge.

Dark roles · surface #1F0E10 · text #F6ECEC · link #B2686E

Wine color palettes

Hand-picked combinations that work with wine. Hover a swatch to see its code; click to copy.

Wine contrast & accessibility

WCAG 2.x asks for 4.5:1 for normal text (AA), 3:1 for large text and 7:1 for AAA. Ratios are truncated, not rounded, so a pass shown here is a real pass. Check your exact pairs in the contrast checker.

Pairing	Ratio	Normal text	Large text
White text on wine	`9.64:1`	AAA	AAA
Black text on wine	`2.17:1`	Fail	Fail
Wine text on white	`9.64:1`	AAA	AAA
Wine text on near-black #111111	`1.95:1`	Fail	Fail

Wine shades for Tailwind & design systems

An 11-step 50–950 ramp generated in OKLCH from #722F37. Light steps suit backgrounds and borders, middle steps buttons, dark steps text. This is a generated ramp, not an official Tailwind palette.

Tailwind CSS v4

@import "tailwindcss";

@theme {
  --color-wine-50: #FFF4F4;
  --color-wine-100: #FFE6E7;
  --color-wine-200: #F2D1D3;
  --color-wine-300: #DFB7B9;
  --color-wine-400: #C7989B;
  --color-wine-500: #B07A7D;
  --color-wine-600: #985D61;
  --color-wine-700: #834349;
  --color-wine-800: #6C2B33;
  --color-wine-900: #511921;
  --color-wine-950: #370710;
  --color-wine: #722F37;
}

CSS variables

:root {
  --wine: #722F37;
  --wine-rgb: 114 47 55;
  --wine-light: #FFE6E7;
  --wine-dark: #6C2B33;
}

.btn-wine {
  background: #722F37;
  color: #FFFFFF;
}

Need semantic roles (surface, text, primary, accent) and exports? Open wine in the Tailwind color generator.

Wine FAQ

What is the hex code for wine?

#722F37 is the value HueWiz uses for wine; it equals rgb(114, 47, 55). Other common versions include #5A1F27 (deep wine), #B5646E (rosé wine), #D8B4B8 (wine tint).

Is wine a warm or cool color?

With an HSL hue of 353° and 42% saturation, wine reads as a warm red.

What text color looks best on wine?

Use white or very light text. White on #722F37 measures 9.64:1 and black measures 2.17:1; WCAG AA needs 4.5:1 for normal text.

What colors go with wine?

Try wine & camel (#722F37, #C19A6B, #F5EEE3); dark academia (#5A1F27, #355E3B, #E8DCC4); modern wine (#722F37, #F4C2C2, #FFFFFF). Each palette above can be copied or opened in the HueWiz studio.