Sepia color

It comes from the ink of the cuttlefish, a squid-like mollusk. It's the warm brown of old photographs. Today it's used as a photo filter and to give designs a vintage feel.

Also known as: sepia brown.

Sepia · #704214

About sepia

Sepia (#704214) is a warm, dark, moderately saturated color. It belongs to the browns family. It mixes 112 red, 66 green and 20 blue (out of 255). It is mostly used in photography, illustration, graphic design.

Sepia shades and tints

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

Sepia color harmonies

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

ComplementaryClose to: Prussian blue

AnalogousClose to: Burgundy, Olive green

TriadicClose to: Mexican flag green, Midnight blue

Split complementaryClose to: Teal, Midnight blue

TetradicClose to: Dark green, Prussian blue, Purple

Sepia color palettes

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

Monochromatic palette · Sepia

Analogous palette · Sepia

Complementary palette · Sepia

Triadic palette · Sepia

With neutrals palette · Sepia

With an accent palette · Sepia

Sepia contrast with text

White textContrast 8.5:1 · AAA

Black textContrast 2.5:1 · Not recommended

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

CSS code

:root {
  --sepia: #704214;
  --sepia-rgb: 112, 66, 20;
}
.bg { background-color: var(--sepia); }
.text { color: var(--sepia); }

Colors similar to sepia

Chocolate brown Coffee brown Sienna Tobacco brown Chestnut Brown Café au lait Copper Marsala Mocha

Themed palettes with this color

More browns

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

Frequently asked questions

What is the hex code for sepia?

The hex code for sepia is #704214. In RGB it is rgb(112, 66, 20), in HSL hsl(30, 70%, 26%) and in CMYK 0, 41, 82, 56.

What is the complementary color of sepia?

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

Can you use white text on sepia?

Yes. The contrast with white is 8.5:1, enough for body text (WCAG AA).