Skip to content

Ginger Color Code: HEX Code & RGB Code Values ​

Looking for specific ginger color code? Get exact ginger hex code #B06500 and ginger RGB code rgb(176,101,0). Complete color information for design and development projects featuring this warm, earthy orange-brown color.

Visual example of ginger color with its warm, earthy appearance
HEX#B06500
RGBrgb(176,101,0)

Shades of Ginger ​

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

🎨

Shades (Adding Black)

  • B06500
    rgb(176, 101, 0)
  • 915408
    rgb(145, 84, 8)
  • 73430C
    rgb(115, 67, 12)
  • 56330E
    rgb(86, 51, 14)
  • 3B240C
    rgb(59, 36, 12)
  • 221607
    rgb(34, 22, 7)
  • 000000
    rgb(0, 0, 0)

Tints (Adding White)

  • B06500
    rgb(176, 101, 0)
  • C27D36
    rgb(194, 125, 54)
  • D2965D
    rgb(210, 150, 93)
  • E0AF84
    rgb(224, 175, 132)
  • EDC9AC
    rgb(237, 201, 172)
  • F7E4D5
    rgb(247, 228, 213)
  • FFFFFF
    rgb(255, 255, 255)

Tones (Adding Gray)

  • B06500
    rgb(176, 101, 0)
  • AB6719
    rgb(171, 103, 25)
  • A56A2D
    rgb(165, 106, 45)
  • 9D6D40
    rgb(157, 109, 64)
  • 937152
    rgb(147, 113, 82)
  • 877464
    rgb(135, 116, 100)
  • 808080
    rgb(128, 128, 128)

Ginger Palette ​

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

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#FFC776
Light
#E5A553
Medium Light
#CB852F
Medium
#B06500
Medium Dark
#78470D
Dark
#452B10
Darkest
#161008

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#B06500
Left Dark
#C88748
Left Medium
#DBAB80
Left Light
#EBCFB9
Neutral
#F5F5F5
Right Light
#C6C7E4
Right Medium
#969BD3
Right Dark
#6171C2
Complementary End
#004BB0

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#E0AF84
Medium
#B06500
Dark
#682900
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#B0004B
Left Adjacent 1
#B00D00
Main
#B06500
Right Adjacent 1
#A3B000
Right Adjacent 2
#4BB000

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#B06500
Complementary
#004BB0

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#B06500
Secondary
#00B065
Tertiary
#6500B0

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#B06500
Right 90°
#00B00D
Complementary
#004BB0
Left 90°
#B000A3

Tetradic

Two pairs of complementary colors

4 colors
Main
#B06500
Secondary
#4BB000
Complementary
#004BB0
Complementary Secondary
#6500B0

Split Complementary

Complementary colors ±30°

3 colors
Main
#B06500
Split Left
#00A3B0
Split Right
#0D00B0

Cyclic

Circular gradient for periodic data

8 colors
0°
#B06500
45°
#77B000
90°
#00B00D
135°
#00B091
180°
#004BB0
225°
#3900B0
270°
#B000A3
315°
#B0001F

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#C9B69C
Pastel 1
#D1C0A9
Pastel 2
#D8C9B6
Pastel 3
#DFD3C3
Pastel 4
#E6DDD1
Deep Pastel
#EDE7DE

Common Orange Color Codes (HEX & RGB) ​

Orange →
HEX:#FFA500
RGB:rgb(255, 165, 0)
Dark Orange →
HEX:#FF8C00
RGB:rgb(255, 140, 0)
Light Orange →
HEX:#FFD580
RGB:rgb(255,213,128)
Coral →
HEX:#FF7F50
RGB:rgb(255, 127, 80)
Copper →
HEX:#B87333
RGB:rgb(184, 115, 51)
Bronze →
HEX:#CD7F32
RGB:rgb(205, 127, 50)
Tan →
HEX:#D2B48C
RGB:rgb(210, 180, 140)

Extract Ginger Hex & RGB Codes from Image ​

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

click or drag your image here
Supported formats: JPG, PNG, WebP

Ginger Color Code Converter ​

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

🎨

All Formats:

  • HEX:
    #B06500
  • RGB:
    rgb(176, 101, 0)
  • CMYK:
    cmyk(0%, 43%, 100%, 31%)
  • HSV:
    hsv(34°, 100%, 69%)
  • HSL:
    hsl(34°, 100%, 35%)

What is Ginger? ​

Ginger is a warm, earthy orange-brown color named after the ginger root. It's a spicy, inviting shade that evokes feelings of warmth and comfort. This color is often associated with food, cooking, and cozy aesthetics.

The hex code for ginger is #B06500, with RGB values of rgb(176, 101, 0). It's a rich, flavorful color that adds warmth to any design.

Design Applications ​

Ginger works well in food branding, kitchen designs, and warm aesthetics. It pairs beautifully with cream, dark brown, and green. Use it for spice products, kitchen decor, or to create a cozy, inviting atmosphere in your projects.

FAQ ​

What is the ginger hex code? ​

The ginger hex code is #B06500.

What colors complement ginger? ​

Ginger pairs well with cream, dark brown, green, and gold.

Is ginger named after the spice? ​

Yes, it's named after the warm, spicy ginger root.