Caramel color

A golden brown like melted sugar. It's warm and glowing. It's very popular for hair highlights, leather boots and sofas.

Also known as: caramel brown.

Caramel · #C68E17

About caramel

Caramel (#C68E17) is a warm, mid-tone, highly saturated color. It belongs to the browns family. It mixes 198 red, 142 green and 23 blue (out of 255). It is mostly used in fashion, hair, home decor.

Caramel shades and tints

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

Caramel color harmonies

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

ComplementaryClose to: Sapphire blue

AnalogousClose to: Mahogany, Apple green

TriadicClose to: Jade green, Deep purple

Split complementaryClose to: Sky blue, Deep purple

TetradicClose to: Pastel green, Sapphire blue, Fuchsia

Caramel color palettes

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

Monochromatic palette · Caramel

Analogous palette · Caramel

Complementary palette · Caramel

Triadic palette · Caramel

With neutrals palette · Caramel

With an accent palette · Caramel

Caramel contrast with text

White textContrast 2.9:1 · Not recommended

Black textContrast 7.3:1 · AAA

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

CSS code

:root {
  --caramel: #C68E17;
  --caramel-rgb: 198, 142, 23;
}
.bg { background-color: var(--caramel); }
.text { color: var(--caramel); }

Colors similar to caramel

Honey Carrot orange Pastel orange Bronze Mustard yellow Ochre Old gold Copper Saffron Tangerine

Themed palettes with this color

More browns

Brown Coffee brown Chocolate brown Mahogany Chestnut Cinnamon Sepia Ochre Camel Mocha Khaki Sand Beige Nude Bronze Tobacco brown Sienna Café au lait

Frequently asked questions

What is the hex code for caramel?

The hex code for caramel is #C68E17. In RGB it is rgb(198, 142, 23), in HSL hsl(41, 79%, 43%) and in CMYK 0, 28, 88, 22.

What is the complementary color of caramel?

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

Can you use white text on caramel?

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