Claret

#7F1734

What color is Claret?

Claret is a deep, dark red with a strong blue-purple undertone, hex #7F1734, closer to aged red wine than a bright cherry. The color is noticeably cool for a red, with a shadowed, almost bruised quality that keeps it from reading as a warm tone.

What is the meaning of the color Claret?

French wine merchants in the medieval period exported pale red Bordeaux wines to England under the Old French name claret, derived from clair, meaning clear or light. By the 17th century, the name had shifted in England to describe the deeper red of modern Bordeaux-style wines, and the color followed. The first recorded use of claret as an English color name dates to 1888 in the Oxford English Dictionary. Aston Villa Football Club adopted claret as one of its official club colors in the 1880s, making it one of the earliest documented uses of the name in a non-wine context.

RGB
127, 23, 52
HSL
343°, 69%, 29%
CMYK
0, 82, 59, 50
HSV
343°, 82%, 50%
Claret color

What colors go with Claret?

Colors that pair well with Claret include:
Ivory: soft, warm contrast
Navy: deep, cool balance
Dusty Rose: gentle tonal harmony
Charcoal: strong, grounding depth
Gold: rich, formal warmth

Similar Colors

Conversions & Codes

Format Value CSS
HEX #7F1734 color: #7F1734;
RGB 127, 23, 52 color: rgb(127, 23, 52);
RGB Percentage 50%, 9%, 20% color: rgb(50%, 9%, 20%);
CMYK 0%, 82%, 59%, 50% Not supported in CSS
HSL 343°, 69%, 29% color: hsl(343, 69%, 29%);
HSV 343°, 82%, 50% Not supported in CSS
CIE-LAB 23, 21, -10 color: lab(23% 21 -10);
Decimal 8329012 Not supported in CSS

Color Variations

Shades

#7D1734
#70152F
#641229
#571024
#4B0E1F
#3E0B1A
#320915
#250710

Tints

#EEA3B8
#E985A1
#E36689
#DD4772
#D8295A
#BA224D
#9C1D41
#7D1734

Tones

#7D1734
#781C36
#732138
#6E263A
#692B3D
#63303F
#5E3641
#593B43

Hues

#7D1734
#7D4717
#677D17
#1A7D17
#177D60
#174D7D
#2D177D
#7A177D

Color Harmonies

Analogous

#7D1767
Click to copy
#7F1734
Click to copy
#7D2D17
Click to copy

Complementary

#7F1734
Click to copy
#177D60
Click to copy

Split Complementary

#7F1734
Click to copy
#177D2D
Click to copy
#17677D
Click to copy

Triadic

#7F1734
Click to copy
#347D17
Click to copy
#17347D
Click to copy

Tetradic

#7F1734
Click to copy
#677D17
Click to copy
#177D60
Click to copy
#2D177D
Click to copy

Square

#7F1734
Click to copy
#677D17
Click to copy
#177D60
Click to copy
#2D177D
Click to copy

CSS & Dev Snippets

CSS
.claret {
  color: #7F1734;
}
SCSS
$claret: #7F1734;
RGB
rgb(127, 23, 52)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags