Sepia Brown

#704214
RGB
112, 66, 20
HSL
30°, 70%, 26%
CMYK
0, 41, 82, 56
HSV
30°, 82%, 44%

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
Dark Red
90%
#704214
Click to copy
Sepia brown
100%
#717114
Click to copy
Dark Yellow
89%

Complementary

#704214
Click to copy
Sepia brown
100%
#144271
Click to copy
Dark Blue
70%

Split Complementary

#704214
Click to copy
Sepia brown
100%
#147171
Click to copy
Dark Cyan
68%
#141471
Click to copy
Dark Blue
69%

Triadic

#704214
Click to copy
Sepia brown
100%
#147142
Click to copy
Dark Cyan
74%
#421471
Click to copy
Dark Purple
74%

Tetradic

#704214
Click to copy
Sepia brown
100%
#147114
Click to copy
Dark Green
77%
#144271
Click to copy
Dark Blue
70%
#711471
Click to copy
Dark Purple
76%

Square

#704214
Click to copy
Sepia brown
100%
#147114
Click to copy
Dark Green
77%
#144271
Click to copy
Dark Blue
70%
#711471
Click to copy
Dark Purple
76%

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