Sepia is a dark, saturated shade in the brown color family, with a warm feel. Its HEX code is #704214, which equals rgb(112, 66, 20) in RGB and hsl(30, 70%, 26%) in HSL. In print terms it converts to roughly C0 M41 Y82 K56, although exact CMYK results depend on the paper and color profile.
- HEX
#704214 - RGB
112, 66, 20 - HSL
30°, 70%, 26% - CMYK
0, 41, 82, 56 - Family
Brown - Tone
Dark, saturated
About Sepia
Brown shades are earthy, warm and dependable. This family covers tans, beiges, woods and chocolates, and works well for natural, rustic and heritage-style designs. It works well for buttons, headings, illustrations and brand accents. Text in white is the most readable choice on this color, with a contrast ratio of 8.47:1. Its complementary color is #144271.
Download Sepia as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Sepia color codes
| HEX | #704214 |
|---|---|
| RGB | rgb(112, 66, 20) |
| HSL | hsl(30, 70%, 26%) |
| HSV | 30°, 82%, 44% |
| CMYK | 0%, 41%, 82%, 56% |
| Decimal | 7356948 |
Shades and tints of Sepia
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E7E0D8 - 100
#CFC0B1 - 200
#B8A18A - 300
#A08162 - 400
#88623B - 500
#704214 - 600
#5D3711 - 700
#4B2C0D - 800
#38210A - 900
#251607 - 950
#130B03
Color harmonies for Sepia
- Complementary
#144271≈ Dark Bright Cerulean - Analogous −30°
#711414≈ Dark Bright Scarlet - Analogous +30°
#717114≈ Dark Bright Gold - Triadic +120°
#147142≈ Dark Bright Mint - Triadic +240°
#421471≈ Dark Bright Violet - Split 150°
#147171≈ Dark Bright Lagoon - Split 210°
#141471≈ Midnight Blue
Contrast and accessibility of Sepia
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Sepia | Aa | 8.47:1 | AAA (excellent) |
| Black text on Sepia | Aa | 2.48:1 | Fails |
CSS code for Sepia
background-color: #704214;color: #704214;background-color: rgb(112, 66, 20);background-color: hsl(30, 70%, 26%);:root { --color-sepia: #704214; }class="bg-[#704214]"Colors similar to Sepia
- Dark Soft Orange
#6A421B - Dark Bright Orange
#77420D - Dark Soft Persimmon
#6A3A1B - Dark Soft Tangerine
#6A4A1B - Dark Bright Persimmon
#77380D - Dark Bright Tangerine
#774D0D - Dark Soft Cinnabar
#6A321B - Dark Soft Amber
#6A521B - Saddle Brown
#8B4513 - Dark Muted Orange
#5D4228 - Dark Muted Persimmon
#5D3D28 - Dark Bright Cinnabar
#772D0D
More brown shades
- Mahogany
#C04000 - Camel
#C19A6B - Caramel
#AF6F09 - Coffee
#6F4E37 - Espresso
#3C2415 - Umber
#635147 - Pearl
#EAE0C8 - Alabaster
#EDEADE - Bone
#E3DAC9 - Darkest Cinnabar
#330F00 - Very Dark Cinnabar
#5C1C00
Frequently asked questions
What is the HEX code for Sepia?
The HEX code for Sepia is #704214.
What is the RGB value of Sepia?
Sepia has an RGB value of 112, 66, 20 (rgb(112, 66, 20)). In HSL it is 30°, 70%, 26%.
What text color should I use on Sepia?
Use white text on Sepia. White text has a contrast ratio of 8.47:1 and black text has 2.48:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Sepia?
The complementary color of Sepia is #144271. Analogous colors #711414 and #717114 also pair well.