Pikka Logo Pikka
Chrome App
Deep Regal Cabernet Red Category: Red

Wine Red (#722F37) — Color Codes, Meaning & UI Palettes

Wine Red (#722F37) is an opulent, dark crimson-brown reminiscent of vintage Cabernet Sauvignon and aged Bordeaux wines. It represents passion, mature luxury, sophisticated heritage, and dramatic warmth.

Quick Answer (Wine Red Color Code): The exact HEX code for Wine Red is #722F37. In RGB, it is rgb(114, 47, 55). In HSL, it is hsl(353deg, 42%, 32%), and its print CMYK formulation is cmyk(0%, 59%, 52%, 55%). It has a relative luminance of 0.059 and pairs best in UI design with Champagne Gold (#F7E7CE) and Pure Alabaster (#FFFDFB).
Click to Copy HEX
Wine Red
#722F37
HEX
#722F37
RGB
rgb(114, 47, 55)
HSL
hsl(353deg, 42%, 32%)
CMYK (Print)
cmyk(0%, 59%, 52%, 55%)
Apple Display P3
color(display-p3 0.447 0.184 0.216)

WCAG 2.1 Accessibility & Contrast Rating

White Text (#FFFFFF) 9.63:1 (AAA)
Black Text (#000000) 2.18:1 (Fail)

11-Step Tints & Shades Scale (Tailwind 50–950)

Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:

50
#F9F1F2
100
#F3E2E4
200
#E7C5C9
300
#D9A1A7
400
#C7757F
500
#722F37
600
#5F272D
700
#4B1F24
800
#38171B
900
#250F12
950
#15090A

Color Harmonies & Palette Schemes

Complementary

#2F746C
Opposite 180° Contrast

Analogous -30°

#742F5A
Natural Harmony

Analogous +30°

#744A2F
Natural Harmony

Triadic +120°

#37742F
120° Balanced Triad

Triadic +240°

#2F3774
120° Balanced Triad

Curated UI Design Pairings for Wine Red

Dramatic primary color for luxury hospitality, fine dining, wine clubs, and premium memberships. High contrast with champagne gold and alabaster.

Champagne Gold
#F7E7CE
Opulent Luxury Complement
Pure Alabaster
#FFFDFB
Accessible Reading Canvas
Deep Blackberry
#1E0A10
Dramatic Framing Shadow
Soft Rosewater
#FFE4E6
Gentle Badge Background

Export Wine Red Code Snippets

CSS Variable --color-wine-red: #722F37;
Tailwind Config 'wine-red': '#722F37'
Swift / SwiftUI Color(hex: "#722F37")
JSON Design Token {"name": "Wine Red", "hex": "#722F37"}

Frequently Asked Questions About Wine Red (#722F37)

What is the exact HEX code for Wine Red?

The exact HEX code for Wine Red is #722F37. In 8-digit hexadecimal (with 100% opacity), it is #722F37FF. Its RGB decimal equivalent is rgb(114, 47, 55) and its HSL value is hsl(353deg, 42%, 32%).

What colors go best with Wine Red in UI and web design?

Wine Red pairs exceptionally well with Champagne Gold (#F7E7CE), Pure Alabaster (#FFFDFB), Deep Blackberry (#1E0A10), and Soft Rosewater (#FFE4E6).

How do I use Wine Red in CSS and Tailwind CSS?

In standard CSS, apply it directly via color: #722F37; or background-color: #722F37;. In Tailwind CSS, use arbitrary value syntax like bg-[#722f37] or text-[#722f37], or define it in your Tailwind v4 @theme block as --color-wine-red: #722F37;.

Is Wine Red WCAG accessible for readable text?

Against a pure white background (#FFFFFF), Wine Red achieves a contrast ratio of 9.63:1 (AAA). Against a pure black background (#000000), it achieves 2.18:1 (Fail). Check custom contrast pairings on Pikka's WCAG Contrast Checker.

Explore More Colors in the Dictionary

Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.

Named Color Dictionary Interactive Color Wheel Tint & Shade Generator