Hazel Color Code: HEX Code & RGB Code Values

Looking for specific hazel color code? Get exact hazel hex code #8E7618 and hazel RGB code rgb(142,118,24). Complete color information for design and development projects featuring this warm, golden-brown color.

HEX#8E7618

RGBrgb(142,118,24)

Shades of Hazel

Create custom shades of hazel with our color generator. Adjust hues, tints, and tones to find the perfect shade of hazel for your project.

Color Picker

🎨

HEX Color Value

Pick from Image

Shades (Adding Black)

• 8E7618

  rgb(142, 118, 24)
• 756118

  rgb(117, 97, 24)
• 5E4E16

  rgb(94, 78, 22)
• 473B14

  rgb(71, 59, 20)
• 312911

  rgb(49, 41, 17)
• 1D180A

  rgb(29, 24, 10)
• 000000

  rgb(0, 0, 0)

Tints (Adding White)

• 8E7618

  rgb(142, 118, 24)
• A38B41

  rgb(163, 139, 65)
• B7A166

  rgb(183, 161, 102)
• CAB88B

  rgb(202, 184, 139)
• DDCFB0

  rgb(221, 207, 176)
• EEE7D7

  rgb(238, 231, 215)
• FFFFFF

  rgb(255, 255, 255)

Tones (Adding Gray)

• 8E7618

  rgb(142, 118, 24)
• 8D7627

  rgb(141, 118, 39)
• 8B7637

  rgb(139, 118, 55)
• 887747

  rgb(136, 119, 71)
• 847757

  rgb(132, 119, 87)
• 7F7767

  rgb(127, 119, 103)
• 808080

  rgb(128, 128, 128)

Hazel Palette

Explore curated and automatically generated color palettes featuring hazel. See how it harmonizes with other colors for UI themes, graphics, and branding materials.

Color Picker

🎨

HEX Color Value

Sequential

Single hue gradient for data visualization

7 colors

Lightest

#ECD780

Light

#CCB55E

Medium Light

#AD953C

Medium

#8E7618

Medium Dark

#625218

Dark

#3A3115

Darkest

#14120C

Diverging

Dual hue gradient with a neutral midpoint

9 colors

Base End

#8E7618

Left Dark

#AB9451

Left Medium

#C5B386

Left Light

#DED3BD

Neutral

#F5F5F5

Right Light

#C3BFDB

Right Medium

#928CC2

Right Dark

#5E5CA8

Complementary End

#18308E

Monochromatic

Same hue, different brightness/saturation

5 colors

Lightest

#FFFFFF

Light

#CAB88B

Medium

#8E7618

Dark

#4B3A00

Darkest

#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors

Left Adjacent 2

#8E1830

Left Adjacent 1

#8E3B18

Main

#8E7618

Right Adjacent 1

#6B8E18

Right Adjacent 2

#308E18

Complementary

Colors opposite on the color wheel (180° apart)

2 colors

Main

#8E7618

Complementary

#18308E

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors

Main

#8E7618

Secondary

#188E76

Tertiary

#76188E

Square

Four colors evenly spaced (90° apart)

4 colors

Main

#8E7618

Right 90°

#188E3B

Complementary

#18308E

Left 90°

#8E186B

Tetradic

Two pairs of complementary colors

4 colors

Main

#8E7618

Secondary

#308E18

Complementary

#18308E

Complementary Secondary

#76188E

Split Complementary

Complementary colors ±30°

3 colors

Main

#8E7618

Split Left

#186B8E

Split Right

#3B188E

Cyclic

Circular gradient for periodic data

8 colors

0°

#8E7618

45°

#4E8E18

90°

#188E3B

135°

#18898E

180°

#18308E

225°

#59188E

270°

#8E186B

315°

#8E1E18

Pastel

Soft, desaturated colors for modern UI

6 colors

Light Pastel

#C3BCA2

Pastel 1

#CBC5AF

Pastel 2

#D3CEBB

Pastel 3

#DBD7C7

Pastel 4

#E3E0D4

Deep Pastel

#EBE9E0

Common Brown Color Codes (HEX & RGB)

Brown →

HEX:#A52A2A

RGB:rgb(165, 42, 42)

Light Brown →

HEX:#B5651D

RGB:rgb(181, 101, 29)

Dark Brown →

HEX:#654321

RGB:rgb(101, 67, 33)

Beige →

HEX:#F5F5DC

RGB:rgb(245, 245, 220)

Extract Hazel Hex & RGB Codes from Image

Upload a photo to find the exact hazel HEX and RGB codes.

click or drag your image here

Supported formats: JPG, PNG, WebP

Hazel Color Code Converter

Instantly convert between HEX, RGB, CMYK, and more for hazel shades.

Color Picker

🎨

HEX Color Value

All Formats:

• HEX:
  #8E7618
• RGB:
  rgb(142, 118, 24)
• CMYK:
  cmyk(0%, 17%, 83%, 44%)
• HSV:
  hsv(48°, 83%, 56%)
• HSL:
  hsl(48°, 71%, 33%)

---

What is Hazel?

Hazel is a warm, golden-brown color with green undertones, named after hazel eyes. It's a complex, rich shade that evokes feelings of warmth and depth. This color is often associated with eye color, autumn, and natural aesthetics.

The hex code for hazel is #8E7618, with RGB values of rgb(142, 118, 24). It's a unique, beautiful color that adds depth to any design.

Design Applications

Hazel works well in eye color references, autumn designs, and warm aesthetics. It pairs beautifully with cream, green, and gold. Use it for beauty products, fall campaigns, or to create a warm, inviting atmosphere in your projects.

FAQ

What is the hazel hex code?

The hazel hex code is #8E7618.

What colors complement hazel?

Hazel pairs well with cream, green, gold, and brown.

Is hazel named after eye color?

Yes, it's named for the beautiful hazel eye color.