Garnet color

A dark, muted red named after the January birthstone. It's softer and browner than ruby, which gives it a warm, grown-up feel. Florida State and several other colleges use garnet as a team color.

Also known as: Garnet red.

Garnet · #733635

About garnet

Garnet (#733635) is a warm, mid-tone, moderately saturated color. It belongs to the reds family. It mixes 115 red, 54 green and 53 blue (out of 255). It is mostly used in jewelry, sports teams, fall fashion.

Garnet shades and tints

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

See all its shades: Color shades generator

Garnet color harmonies

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

ComplementaryClose to: Teal

AnalogousClose to: Eggplant, Tobacco brown

TriadicClose to: Fern green, Delft blue

Split complementaryClose to: Bottle green, Petrol blue

TetradicClose to: Dark olive green, Teal, Ultra violet

Garnet color palettes

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

Monochromatic palette · Garnet

Analogous palette · Garnet

Complementary palette · Garnet

Triadic palette · Garnet

With neutrals palette · Garnet

With an accent palette · Garnet

Garnet contrast with text

White textContrast 9.1:1 · AAA

Black textContrast 2.3:1 · Not recommended

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

CSS code

:root {
  --garnet: #733635;
  --garnet-rgb: 115, 54, 53;
}
.bg { background-color: var(--garnet); }
.text { color: var(--garnet); }

Colors similar to garnet

Wine Cordovan Marsala Cognac Chestnut Espresso Coffee brown Burnt umber Claret Eggplant

Themed palettes with this color

Frequently asked questions

What is the hex code for garnet?

The hex code for garnet is #733635. In RGB it is rgb(115, 54, 53), in HSL hsl(1, 37%, 33%) and in CMYK 0, 53, 54, 55.

What is the complementary color of garnet?

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

Can you use white text on garnet?

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