Color Palettes

Clay color

A warm reddish brown like natural earthenware clay before it is fired. It brings an earthy, handmade feeling to pottery, boho interiors and desert-inspired fashion.

Also known as: Clay brown.

The hex code for clay is #B66A50. In RGB it is rgb(182, 106, 80), in HSL hsl(15, 41%, 51%) and in CMYK 0, 42, 56, 29.

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 clay

Sienna#A0522DPecan#8E5B3AChestnut#954535Cognac#9A463DCafé au lait#A67B5BCappuccino#A57B5B

About clay

Clay (#B66A50) is a warm, mid-tone, moderately saturated color. It belongs to the browns family. It mixes 182 red, 106 green and 80 blue (out of 255). It is mostly used in home decor, fashion, pottery.

Swatch of Clay with its shades from light to dark · #B66A50
Clay · #B66A50

Clay shades and tints

From lightest to darkest. Tap a shade to copy its code.

See all its shades: Color shades generator

Clay outfits: palettes by season

Outfit palettes with clay or a very close shade, each with 8 outfits to copy.

BeachFall · MenBohoSpring · MenBohoSummer · MenNight outSummer · Men

Clay color harmonies

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

ComplementaryClose to: Bondi blue
AnalogousClose to: Blush pink, Vegas gold
TriadicClose to: Emerald green, Slate blue
Split complementaryClose to: Medium aquamarine, Denim blue
TetradicClose to: Pastel green, Bondi blue, Amethyst

Clay color palettes

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

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

Clay contrast with text

White textContrast 4.1:1 · AA large text
Black textContrast 5.2:1 · AA

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

CSS code

:root {
  --clay: #B66A50;
  --clay-rgb: 182, 106, 80;
}
.bg { background-color: var(--clay); }
.text { color: var(--clay); }

Colors similar to clay

MochaTerracottaLeather brownMarsala

Themed palettes with this color

More browns

BrownCoffee brownChocolate brownMahoganyChestnutCinnamonSepiaOchreCaramelCamelMochaKhakiSandBeigeNudeBronzeTobacco brownSiennaCafé au laitTanCognacEspressoWalnutBurnt umber
Swatch of Clay with its shades from light to dark · #B66A50
Swatch of Clay with its shades from light to dark · #B66A50

Try this next

Name color paletteType a name and get your own color story paletteSelfie color analysisFind your season and best colors from one photoWhat color is your voice?Speak for 5 seconds and turn your voice into a color
See all free tools →

Frequently asked questions

What is the hex code for clay?

The hex code for clay is #B66A50. In RGB it is rgb(182, 106, 80), in HSL hsl(15, 41%, 51%) and in CMYK 0, 42, 56, 29.

What is the complementary color of clay?

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

Can you use white text on clay?

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