Hazel Color Code

HEX

#8E7B61

RGB

rgb(142, 123, 97)

HSL

hsl(35, 19%, 47%)

CMYK

0%, 13%, 32%, 44%

About Hazel

Hazel is a warm, earthy tone that resembles the rich hues of hazelnut shells and the multifaceted colors of hazel eyes. This color combines elements of brown and green, creating a balanced and inviting shade that evokes a sense of nature and warmth.

Psychology

Hazel Color is known to:

  • Promote a sense of stability and grounding
  • Evoke feelings of comfort and security
  • Encourage connection to nature and the outdoors

Usage

This versatile color works well in:

  • Interior design for creating cozy, inviting spaces
  • Fashion, particularly in fall and winter collections
  • Branding for companies focusing on sustainability and nature
  • Digital interfaces that aim for a natural, organic feel

Combinations

Hazel Color pairs beautifully with:

  • Olive Green ( #7D8B6A )
  • Soft Cream ( #F8F3E9 )
  • Warm Terracotta ( #D97C5D )
  • Deep Charcoal ( #3B3B3B )

Hazel Color shades and tints

Shade · 1

Shade · 2

Shade · 3

Tint · 4

Tint · 5

Tint · 6

Colors related to Hazel Color

Complementary

hsl(215, 19%, 47%)

Analogous

hsl(65, 19%, 47%)

Triadic

hsl(155, 19%, 47%)

Hazel color values and uses

Hazel is represented here by #8E7B61. In digital artwork, websites, and interface design, HEX is a compact way to specify the exact red, green, and blue channels. The equivalent RGB value is rgb(142, 123, 97); HSL hsl(35, 19%, 47%) describes hue, saturation, and lightness, while CMYK 0%, 13%, 32%, 44% offers a starting point for print workflows. These conversions are useful when moving a color between design tools, though displays, printers, and color profiles can produce different results.

Use hazel alongside the swatches above to compare lighter tints, deeper shades, and nearby hues. A restrained palette can reserve this color for a focal element and use a neutral background for supporting content. For text and controls, check contrast at the size and weight where the color will appear; a swatch that looks clear on a large area may be harder to read in small labels. Save the HEX or RGB value in your design system so the same color can be reused consistently.

Frequently asked questions about Hazel

What is the hex code of Hazel Color?

The hex code of Hazel Color is #8E7B61.

What is the RGB value of Hazel Color?

The RGB value is rgb(142, 123, 97), with red, green, and blue channels shown in that order.

What colors go with Hazel Color?

Hazel Color can be paired with complementary, analogous, or triadic hues. Check contrast and context before choosing a combination.

What are the HSL and CMYK values for Hazel Color?

The HSL value is hsl(35, 19%, 47%); the approximate CMYK conversion is 0%, 13%, 32%, 44%. CMYK output can vary by printer and color profile.

Similar colors

Browse all colors