Sepia brown is an earthy hue with warm, muted tones reminiscent of classic, nostalgic photographs. It sits in the brown spectrum on the color wheel. Related shades include taupe and umber. This color's retro style makes it perfect for vintage designs or adding a timeless, classic tint to projects.
Sepia Brown is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #704214
- RGB value: 43.9% red, 25.9% green, 7.8% blue
Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines
For variations within the same spectrum as sepia brown, consider:
- Cognac (#A2574F): Cognac offers a warm, earthy hue akin to sepia brown, blending reddish undertones with muted shades that evoke a sense of rich warmth.
- Chestnut (#954535): Chestnut shares a deep, reddish-brown tone with sepia brown, embodying earthy hues tapped from nature’s palette.
- Mocha (#6D3B07): Mocha mirrors sepia brown’s cozy, dark, and warm tones, with its creamy softness creating a comforting and inviting atmosphere.
- Brown (#895129): Brown aligns closely with sepia brown in its muted tones, providing a rich, natural color that embodies an earthy vibe within the brown spectrum.
To complement Sepia Brown, consider pairing it with:
- Apricot (#FFB27F): Apricot provides a soft, warm contrast to Sepia Brown, enhancing its earthy tones for a playful yet vintage effect.
- Cream (#FDFBD4): This neutral hue offsets Sepia Brown, creating a classic tint that echoes a nostalgic look with muted shades.
- Terracotta (#E35336): Terracotta's deep orange-red undertones enrich the warm tones of Sepia Brown, perfect for evoking a retro style.
- Mint Green (#ADEBB3): The fresh vibrancy of Mint Green complements Sepia Brown's earthy hues, introducing a touch of lively contrast.
- Light Yellow (#FFFFC5): Light Yellow adds brightness without overpowering, highlighting Sepia Brown's place within the brown spectrum.
While Sepia Brown is a warm, earthy hue known for its muted shades, it may clash with:
- Electric Blue (#00F0FF): This vibrant and bright hue creates a stark contrast with sepia's muted tones, resulting in a visually overwhelming combination.
- Neon Green (#2CFF05): The intense brightness of neon green competes with sepia's calm and understated nature, causing an attention-grabbing but discordant effect.
- Hot Pink (#FF46A2): Hot pink's vividness directly opposes sepia brown's subdued, earthy quality, making them hard to pair harmoniously together.
- Chartreuse (#CCFF00): This highly saturated shade can overshadow sepia brown, diminishing its warm and subtle character with its bold presence.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Chantilly Rust
Timber Tides
Rusty Lilac
Contrast checker
Contrast 8.47
- Large Text
#704214
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Contrast 2.48
- Large Text
#704214
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #704214, known as Sepia Brown, has RGB values of R:112, G:66, B:20 and CMYK values of C:0, M:41, Y:82, K:56.
| VALUE | CSS | |
|---|---|---|
| HEX | #704214 | #704214 |
| RGB DECIMAL | 112, 66, 20 | RGB(112,66,20) |
| RGB PERCENTAGE | 43.9, 25.9, 7.8 | RGB(43.9%,25.9%,7.8%) |
| CMYK | 0, 41, 82, 56 | |
| HSL | HSL(30.0, 69.7%, 25.9%) | HSL(30.0, 69.7%, 25.9%) |
| HSV (OR HSB) | 30.0°, 82.1, 43.9 | |
| WEB SAFE | #102510 | #102510 |
| BINARY | 01110000, 01000010, 00010100 | |
| iOS - SwiftUI | Color(red: 0.439, green: 0.259, blue: 0.078) | |
| iOS - UIKit | UIColor(red: 0.439, green: 0.259, blue: 0.078, alpha: 1) | |
| Android - Compose | Color(0xFF704214) |
