Bordeaux

#7B1B38

What color is Bordeaux?

Bordeaux is a dark, muted red with a strong purple undertone, hex #7B1B38, close to the skin of a ripe black grape. The color is deep and shadowed, with very little brightness.

What is the meaning of the color Bordeaux?

The French port city of Bordeaux gave its name to this color through the dark red wines produced in the surrounding Gironde region, traded internationally from at least the 12th century following the Angevin connection between England and Aquitaine. By the 19th century, the wine’s distinctive color was recognized as a shade in its own right, distinct from lighter clarets. The color entered English fashion vocabulary in the late 1800s as deep burgundy-adjacent tones appeared in velvet and wool dress fabrics. Pantone formally catalogued Bordeaux as a standalone shade, and it anchored the brand identity of Lacoste in its 2019 seasonal palette.

RGB
123, 27, 56
HSL
342°, 64%, 29%
CMYK
0, 78, 54, 52
HSV
342°, 78%, 48%
Bordeaux color

What colors go with Bordeaux?

Colors that pair well with Bordeaux include:
Ivory: soft, warm contrast
Navy: deep, formal balance
Dusty rose: tonal, feminine softness
Charcoal: strong, grounding depth
Gold: rich, luxurious warmth

Similar Colors

Conversions & Codes

Format Value CSS
HEX #7B1B38 color: #7B1B38;
RGB 123, 27, 56 color: rgb(123, 27, 56);
RGB Percentage 48%, 11%, 22% color: rgb(48%, 11%, 22%);
CMYK 0%, 78%, 54%, 52% Not supported in CSS
HSL 342°, 64%, 29% color: hsl(342, 64%, 29%);
HSV 342°, 78%, 48% Not supported in CSS
CIE-LAB 23, 19, -10 color: lab(23% 19 -10);
Decimal 8067896 Not supported in CSS

Color Variations

Shades

#791B37
#6D1832
#61152C
#551327
#491021
#3D0D1C
#310B16
#240811

Tints

#EBA6BB
#E588A4
#DE6B8D
#D84D77
#D12F60
#B52852
#972144
#791B37

Tones

#791B37
#751F39
#70243B
#6B293D
#662E3F
#623240
#5D3742
#583C44

Hues

#791B37
#79451B
#66791B
#1F791B
#1B795D
#1B4F79
#2E1B79
#751B79

Color Harmonies

Analogous

#791B66
Click to copy
#7B1B38
Click to copy
#792E1B
Click to copy

Complementary

#7B1B38
Click to copy
#1B795D
Click to copy

Split Complementary

#7B1B38
Click to copy
#1B792E
Click to copy
#1B6679
Click to copy

Triadic

#7B1B38
Click to copy
#37791B
Click to copy
#1B3779
Click to copy

Tetradic

#7B1B38
Click to copy
#66791B
Click to copy
#1B795D
Click to copy
#2E1B79
Click to copy

Square

#7B1B38
Click to copy
#66791B
Click to copy
#1B795D
Click to copy
#2E1B79
Click to copy

CSS & Dev Snippets

CSS
.bordeaux {
  color: #7B1B38;
}
SCSS
$bordeaux: #7B1B38;
RGB
rgb(123, 27, 56)

Accessibility & Contrast

White background

10.21:1
10.21
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

2.06:1
2.06
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags