Sepia Brown

#704214

What color is Sepia Brown?

Sepia brown is a warm, dark brownish-yellow with strong amber undertones, hex #704214, close to the color of dark roasted coffee. The tone is rich but muted, sitting toward the darker, drier end of the brown range without veering into orange.

What is the meaning of the color Sepia Brown?

Ancient cuttlefish ink gave sepia its name — Mediterranean craftsmen harvested the ink sac of the Sepia genus mollusk to produce a stable brown pigment used in writing and drawing. By the 18th century, artists across Europe were using sepia ink for sketching and wash drawings, valued for its lasting color. The word entered English as a color name in 1821, recorded in early 19th-century artist manuals. Kodak’s Sepia Tone print process, introduced in the early 20th century, fixed the color’s association with aged photography and historical memory.

RGB
112, 66, 20
HSL
30°, 70%, 26%
CMYK
0, 41, 82, 56
HSV
30°, 82%, 44%
Sepia brown color

What colors go with Sepia Brown?

Colors that pair well with Sepia brown include:
Cream: soft, warm harmony
Dusty rose: gentle, muted contrast
Forest green: earthy, grounding depth
Slate blue: cool, quiet balance
Burnt orange: bold, warm intensity

Similar Colors

Conversions & Codes

Format Value CSS
HEX #704214 color: #704214;
RGB 112, 66, 20 color: rgb(112, 66, 20);
RGB Percentage 44%, 26%, 8% color: rgb(44%, 26%, 8%);
CMYK 0%, 41%, 82%, 56% Not supported in CSS
HSL 30°, 70%, 26% color: hsl(30, 70%, 26%);
HSV 30°, 82%, 44% Not supported in CSS
CIE-LAB 21, 9, 15 color: lab(21% 9 15);
Decimal 7356948 Not supported in CSS

Color Variations

Shades

#714214
#653C12
#5A3510
#4F2E0E
#44280C
#38210A
#2D1B08
#221406

Tints

#EEC69F
#E8B47F
#E3A15F
#DD8E3F
#D17B25
#B1681F
#91551A
#714214

Tones

#714214
#6C4219
#67421D
#634222
#5E4226
#5A422B
#554230
#504234

Hues

#714214
#5A7114
#147114
#14715A
#144271
#2B1471
#711471
#71142B

Color Harmonies

Analogous

#711414
Click to copy
#704214
Click to copy
#717114
Click to copy

Complementary

#704214
Click to copy
#144271
Click to copy

Split Complementary

#704214
Click to copy
#147171
Click to copy
#141471
Click to copy

Triadic

#704214
Click to copy
#147142
Click to copy
#421471
Click to copy

Tetradic

#704214
Click to copy
#147114
Click to copy
#144271
Click to copy
#711471
Click to copy

Square

#704214
Click to copy
#147114
Click to copy
#144271
Click to copy
#711471
Click to copy

CSS & Dev Snippets

CSS
.sepia-brown {
  color: #704214;
}
SCSS
$sepia-brown: #704214;
RGB
rgb(112, 66, 20)

Accessibility & Contrast

White background

8.47:1
8.47
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

2.48:1
2.48
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags