Claret color

A deep purplish red named after the British word for red wine from Bordeaux. It's slightly cooler than burgundy and looks elegant on velvet and silk. It's popular for formal wear, soccer kits and fall wedding palettes.

Claret · #7F1734

About claret

Claret (#7F1734) is a warm, dark, moderately saturated color. It belongs to the reds family. It mixes 127 red, 23 green and 52 blue (out of 255). It is mostly used in formalwear, weddings, sports teams.

Claret shades and tints

From lightest to darkest. Tap a shade to copy its code.

Claret color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Bottle green

AnalogousClose to: Byzantium, Burnt umber

TriadicClose to: Forest green, Midnight blue

Split complementaryClose to: Forest green, Petrol blue

TetradicClose to: Olive drab, Bottle green, Midnight blue

Claret color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Claret

Analogous palette · Claret

Complementary palette · Claret

Triadic palette · Claret

With neutrals palette · Claret

With an accent palette · Claret

Claret contrast with text

White textContrast 10.1:1 · AAA

Black textContrast 2.1:1 · Not recommended

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --claret: #7F1734;
  --claret-rgb: 127, 23, 52;
}
.bg { background-color: var(--claret); }
.text { color: var(--claret); }

Colors similar to claret

Burgundy Wine Cordovan Tyrian purple Garnet Cognac Burnt umber Dark pink Oxblood Marsala

Themed palettes with this color

Frequently asked questions

What is the hex code for claret?

The hex code for claret is #7F1734. In RGB it is rgb(127, 23, 52), in HSL hsl(343, 69%, 29%) and in CMYK 0, 82, 59, 50.

What is the complementary color of claret?

Its complement on the color wheel is #177F62, close to bottle green. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on claret?

Yes. The contrast with white is 10.1:1, enough for body text (WCAG AA).