Skip to content

Clay Color Code: HEX Code & RGB Code Values ​

Looking for specific clay color code? Get exact clay hex code #B66A50 and clay RGB code rgb(182,106,80). Complete color information for design and development projects featuring this warm, earthy terracotta color.

Visual example of clay color with its warm, earthy appearance
HEX#B66A50
RGBrgb(182,106,80)

Shades of Clay ​

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

🎨

Shades (Adding Black)

  • B66A50
    rgb(182, 106, 80)
  • 955843
    rgb(149, 88, 67)
  • 764736
    rgb(118, 71, 54)
  • 58362A
    rgb(88, 54, 42)
  • 3C261E
    rgb(60, 38, 30)
  • 211713
    rgb(33, 23, 19)
  • 000000
    rgb(0, 0, 0)

Tints (Adding White)

  • B66A50
    rgb(182, 106, 80)
  • C5826B
    rgb(197, 130, 107)
  • D29A87
    rgb(210, 154, 135)
  • DFB3A4
    rgb(223, 179, 164)
  • EBCCC1
    rgb(235, 204, 193)
  • F5E5E0
    rgb(245, 229, 224)
  • FFFFFF
    rgb(255, 255, 255)

Tones (Adding Gray)

  • B66A50
    rgb(182, 106, 80)
  • B16D55
    rgb(177, 109, 85)
  • A9705C
    rgb(169, 112, 92)
  • A17464
    rgb(161, 116, 100)
  • 97776C
    rgb(151, 119, 108)
  • 8B7A75
    rgb(139, 122, 117)
  • 808080
    rgb(128, 128, 128)

Clay Palette ​

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

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#F9E3DB
Light
#E5B9AA
Medium Light
#CF917C
Medium
#B66A50
Medium Dark
#824D3B
Dark
#513227
Darkest
#251915

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#B66A50
Left Dark
#C98C77
Left Medium
#DAAE9F
Left Light
#E9D1C9
Neutral
#F5F5F5
Right Light
#CEDEE5
Right Medium
#A7C8D5
Right Dark
#7EB2C6
Complementary End
#509CB6

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#DFB3A4
Medium
#B66A50
Dark
#6B2A15
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#B6509C
Left Adjacent 1
#B65069
Main
#B66A50
Right Adjacent 1
#B69D50
Right Adjacent 2
#9CB650

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#B66A50
Complementary
#509CB6

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#B66A50
Secondary
#50B66A
Tertiary
#6A50B6

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#B66A50
Right 90°
#69B650
Complementary
#509CB6
Left 90°
#9D50B6

Tetradic

Two pairs of complementary colors

4 colors
Main
#B66A50
Secondary
#9CB650
Complementary
#509CB6
Complementary Secondary
#6A50B6

Split Complementary

Complementary colors ±30°

3 colors
Main
#B66A50
Split Left
#50B69D
Split Right
#5069B6

Cyclic

Circular gradient for periodic data

8 colors
0°
#B66A50
45°
#B5B650
90°
#69B650
135°
#50B684
180°
#509CB6
225°
#5050B6
270°
#9D50B6
315°
#B65082

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#BCAEA9
Pastel 1
#C5B9B5
Pastel 2
#CEC4C0
Pastel 3
#D7CECB
Pastel 4
#E0D9D7
Deep Pastel
#E9E4E2

Common Earth 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 Clay Hex & RGB Codes from Image ​

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

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

Clay Color Code Converter ​

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

🎨

All Formats:

  • HEX:
    #B66A50
  • RGB:
    rgb(182, 106, 80)
  • CMYK:
    cmyk(0%, 42%, 56%, 29%)
  • HSV:
    hsv(15°, 56%, 71%)
  • HSL:
    hsl(15°, 41%, 51%)

What is Clay? ​

Clay is a warm, earthy terracotta color inspired by natural clay. It's a rich, organic shade that evokes feelings of nature and craftsmanship. This color is often associated with pottery, earth, and natural aesthetics.

The hex code for clay is #B66A50, with RGB values of rgb(182, 106, 80). It's a natural, beautiful color that adds warmth to any design.

Design Applications ​

Clay works well in pottery designs, earthy aesthetics, and natural themes. It pairs beautifully with cream, olive green, and terracotta. Use it for pottery branding, earthy designs, or to create a natural, grounded atmosphere in your projects.

FAQ ​

What is the clay hex code? ​

The clay hex code is #B66A50.

What colors complement clay? ​

Clay pairs well with cream, olive green, terracotta, and white.

Is clay named after the material? ​

Yes, it's named for natural clay's distinctive color.