Light brown color

A soft, medium-light brown, like milky coffee or light wood. It's one of the most searched basic color names. It's a common neutral for clothing, furniture and hair dye.

Light brown · #C4A484

About light brown

Light brown (#C4A484) is a warm, mid-tone, moderately saturated color. It belongs to the browns family. It mixes 196 red, 164 green and 132 blue (out of 255). It is mostly used in fashion, furniture, hair color.

Light brown shades and tints

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

Light brown color harmonies

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

ComplementaryClose to: Blue gray

AnalogousClose to: Old rose, Sand

TriadicClose to: Seafoam green, Wisteria

Split complementaryClose to: Seafoam green, Cornflower blue

TetradicClose to: Pistachio green, Blue gray, Wisteria

Light brown color palettes

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

Monochromatic palette · Light brown

Analogous palette · Light brown

Complementary palette · Light brown

Triadic palette · Light brown

With neutrals palette · Light brown

With an accent palette · Light brown

Light brown contrast with text

White textContrast 2.3:1 · Not recommended

Black textContrast 9.0:1 · AAA

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

CSS code

:root {
  --light-brown: #C4A484;
  --light-brown-rgb: 196, 164, 132;
}
.bg { background-color: var(--light-brown); }
.text { color: var(--light-brown); }

Colors similar to light brown

Khaki Tan Nude Camel Sand Desert sand Mushroom Greige Café au lait Warm gray

Themed palettes with this color

More browns

Brown Coffee brown Chocolate brown Mahogany Chestnut Cinnamon Sepia Ochre Caramel Camel Mocha Khaki Sand Beige Nude Bronze Tobacco brown Sienna Café au lait Tan Cognac Espresso Walnut Burnt umber

Frequently asked questions

What is the hex code for light brown?

The hex code for light brown is #C4A484. In RGB it is rgb(196, 164, 132), in HSL hsl(30, 35%, 64%) and in CMYK 0, 16, 33, 23.

What is the complementary color of light brown?

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

Can you use white text on light brown?

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