sepia tone Color Codes
Color Preview
Sepia Tone Color Codes
Related Colors
Complementary
#8fbdeb
Analogous
hsl(60, 70%, 26%)
hsl(0, 70%, 26%)
Triadic
hsl(150, 70%, 26%)
hsl(270, 70%, 26%)
Tetradic
hsl(120, 70%, 26%)
hsl(210, 70%, 26%)
hsl(300, 70%, 26%)
HTML Snippets
.element { background-color: #704214; }.element { color: #704214; }This is how the text color would appear.
<span style="color: #704214;">Colored text</span>This text has an inline style applied.
Accessibility
Contrast Ratios
Black2.48 (Fail)
White8.47 (AA)
Shades of Sepia Tone
hsl(30, 70%, 0%)
hsl(30, 70%, 11%)
#704214
hsl(30, 70%, 41%)
hsl(30, 70%, 56%)
Color Blindness Simulations
Protanopia (Red-Blind)
#5c5c2a
Deuteranopia (Green-Blind)
#5f6230
Tritanopia (Blue-Blind)
#6e5658
Related Palettes
This color is not part of any predefined palettes.
About sepia tone
sepia tone (#704214) is a versatile color that can be used in various design contexts. Explore its hex code, RGB and HSL values, and discover complementary colors to create stunning color palettes for your projects.