Latte color

A creamy light brown like espresso softened with steamed milk. It is one of the easiest neutrals to live with and fits living rooms, capsule wardrobes and soft makeup looks.

Also known as: Latte brown.

Open in editor

The hex code for latte is #C5A582. In RGB it is rgb(197, 165, 130), in HSL hsl(31, 37%, 64%) and in CMYK 0, 16, 34, 23.

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 latte

Light brown#C4A484 Tan#D2B48C Khaki#C3B091 Camel#C19A6B Nude#E3BC9A Sand#C2B280

About latte

Latte (#C5A582) is a warm, mid-tone, moderately saturated color. It belongs to the browns family. It mixes 197 red, 165 green and 130 blue (out of 255). It is mostly used in home decor, fashion, makeup.

Swatch of Latte with its shades from light to dark · #C5A582 — Latte · #C5A582

Latte shades and tints

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

See all its shades: Color shades generator

Outfit colors by season and style80 palettes for men and women, each with 8 outfits to copy: quiet luxury, beach, mountain, office and more.See outfit palettes

Latte 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, Lavender purple

Split complementaryClose to: Glacier blue, Lavender purple

TetradicClose to: Pistachio green, Blue gray, Wisteria

Latte color palettes

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

Monochromatic palette · Latte

Analogous palette · Latte

Complementary palette · Latte

Triadic palette · Latte

With neutrals palette · Latte

With an accent palette · Latte

Latte contrast with text

White textContrast 2.3:1 · Not recommended

Black textContrast 9.1:1 · AAA

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

CSS code

:root {
  --latte: #C5A582;
  --latte-rgb: 197, 165, 130;
}
.bg { background-color: var(--latte); }
.text { color: var(--latte); }

Colors similar to latte

Teak Desert sand Cappuccino Café au lait

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

Try this next

Name color paletteType a name and get your own color story palette Color aquariumA relaxing 3D aquarium in your palettes Family birth flower bouquetEveryone's birth flowers in one bouquet

See all free tools →

Frequently asked questions

What is the hex code for latte?

The hex code for latte is #C5A582. In RGB it is rgb(197, 165, 130), in HSL hsl(31, 37%, 64%) and in CMYK 0, 16, 34, 23.

What is the complementary color of latte?

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

Can you use white text on latte?

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