Color Palettes

Ginger color

A spicy orange-brown named after ground ginger root, and also a common word for red-orange hair. It is warm and earthy, great for fall clothing, hair color and rustic decor.

Also known as: Ginger orange, Ginger brown.

Open in editor

The hex code for ginger is #B06500. In RGB it is rgb(176, 101, 0), in HSL hsl(34, 100%, 35%) and in CMYK 0, 43, 100, 31.

See it in real life

Pick a color to pair it with and see how it looks on clothes, interiors and design.

Colors similar to ginger

Ochre#CC7722Bronze#CD7F32Brown#964B00Copper#B87333Cinnamon#D2691EDark goldenrod#B8860B

About ginger

Ginger (#B06500) is a warm, mid-tone, highly saturated color. It belongs to the oranges family. It mixes 176 red, 101 green and 0 blue (out of 255). It is mostly used in hair, fall fashion, home decor.

Swatch of Ginger with its shades from light to dark · #B06500
Ginger · #B06500

Ginger shades and tints

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

See all its shades: Color shades generator

Outfit colors by season and style80 palettes for men and women, each with 8 outfits to copy: quiet luxury, beach, mountain, office and more.See outfit palettes

Ginger color harmonies

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

ComplementaryClose to: Cobalt blue
AnalogousClose to: Chili red, Apple green
TriadicClose to: Jade green, Deep purple
Split complementaryClose to: Verdigris, Dark blue
TetradicClose to: Kelly green, Cobalt blue, Bright purple

Ginger color palettes

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

Monochromatic palette · Ginger
Analogous palette · Ginger
Complementary palette · Ginger
Triadic palette · Ginger
With neutrals palette · Ginger
With an accent palette · Ginger

Ginger contrast with text

White textContrast 4.5:1 · AA large text
Black textContrast 4.7:1 · AA

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

CSS code

:root {
  --ginger: #B06500;
  --ginger-rgb: 176, 101, 0;
}
.bg { background-color: var(--ginger); }
.text { color: var(--ginger); }

Colors similar to ginger

Cadmium orangeButterscotchCaramelBurnt orange

More oranges

OrangeTangerinePumpkin orangeCarrot orangeApricotPeachCoralTerracottaBurnt orangeSalmonRustCopperNeon orangePastel orangeOrange redPersimmonMangoBurnt siennaLight salmonDark orangeSafety orangeAtomic tangerineMelonLiving coral
Swatch of Ginger with its shades from light to dark · #B06500
Swatch of Ginger with its shades from light to dark · #B06500

Try this next

Name color paletteType a name and get your own color story paletteToday's lucky colorYour daily lucky color by zodiac signFace shape detectorFind your face shape, best haircuts and glasses
See all free tools →

Frequently asked questions

What is the hex code for ginger?

The hex code for ginger is #B06500. In RGB it is rgb(176, 101, 0), in HSL hsl(34, 100%, 35%) and in CMYK 0, 43, 100, 31.

What is the complementary color of ginger?

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

Can you use white text on ginger?

Use black text instead: the contrast with white is only 4.5:1, while with black it is 4.7:1.