Color Palettes

Hazel color

A golden olive-brown named after the hazelnut, best known as an eye color with flecks of green and gold. It also works as an earthy neutral for jackets, bags and fall decor.

Also known as: Hazel brown.

The hex code for hazel is #8E7618. In RGB it is rgb(142, 118, 24), in HSL hsl(48, 71%, 33%) and in CMYK 0, 17, 83, 44.

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 hazel

Dark yellow#8B8000Olive green#808000Dark goldenrod#B8860BBrass#B5A642Driftwood#AF8751Caramel#C68E17

About hazel

Hazel (#8E7618) is a warm, mid-tone, moderately saturated color. It belongs to the browns family. It mixes 142 red, 118 green and 24 blue (out of 255). It is mostly used in makeup, fashion, fall decor.

Swatch of Hazel with its shades from light to dark · #8E7618
Hazel · #8E7618

Hazel 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

Hazel color harmonies

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

ComplementaryClose to: Deep blue
AnalogousClose to: Saddle brown, Olive drab
TriadicClose to: Viridian, Purple
Split complementaryClose to: Peacock blue, Indigo
TetradicClose to: Forest green, Deep blue, Byzantium

Hazel color palettes

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

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

Hazel contrast with text

White textContrast 4.4:1 · AA large text
Black textContrast 4.8:1 · AA

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

CSS code

:root {
  --hazel: #8E7618;
  --hazel-rgb: 142, 118, 24;
}
.bg { background-color: var(--hazel); }
.text { color: var(--hazel); }

Colors similar to hazel

CopperVegas goldLeather brownTeak

Where you'll see this color

Baltimore RavensTeam colorsJacksonville JaguarsTeam colors

Themed palettes with this color

More browns

BrownCoffee brownChocolate brownMahoganyChestnutCinnamonSepiaOchreCaramelCamelMochaKhakiSandBeigeNudeBronzeTobacco brownSiennaCafé au laitTanCognacEspressoWalnutBurnt umber
Swatch of Hazel with its shades from light to dark · #8E7618
Swatch of Hazel with its shades from light to dark · #8E7618

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 hazel?

The hex code for hazel is #8E7618. In RGB it is rgb(142, 118, 24), in HSL hsl(48, 71%, 33%) and in CMYK 0, 17, 83, 44.

What is the complementary color of hazel?

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

Can you use white text on hazel?

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