ORANGES

Hopsack

#9E8163

RGB 158, 129, 99 · HSL 31°, 23%, 50% · CMYK 0, 18, 37, 38

Hopsack is #9E8163 in HEX — rgb(158, 129, 99), hsl(31°, 23%, 50%), cmyk(0%, 18%, 37%, 38%).

Hopsack pulls into the mid-tone end of the oranges spectrum — HSL 31°, 23%, 50%. The muted saturation makes it quiet but present, and the hue reads warm. In interior projects it shines on main walls, ceilings, soft fabrics, large surfaces, particularly within kitchens, living rooms, dining rooms. Reads best alongside cream walls, walnut furniture, terracotta tile, brass.

HEX#9E8163
RGB158, 129, 99
HSL31°, 23%, 50%
HSV31°, 37%, 62%
CMYK0, 18, 37, 38
Decimal10387811
CSS RGBrgb(158, 129, 99)
CSS HSLhsl(31, 23%, 50%)

Sherwin-Williams

Hopsack SW6109

Exact match

Vista Paint

Weaver's Tool C-176

ΔE 0.8 · #9D7F61

Dunn-Edwards

Teddy Bear DE6131

ΔE 0.8 · #9D8164

Hallman-Lindsay

Weaver's Tool 177

ΔE 0.9 · #9D7F62

Dulux

Water Wheel S11D6

ΔE 1.4 · #A28366

Valspar

Crunch Granola 3004-9B

ΔE 1.5 · #9B8164

Benjamin Moore

Edgewood 1056

ΔE 1.8 · #997D5E

Behr

Soft Bronze HDC-NT-28

ΔE 1.9 · #A28668

Kilz

Gingerbread LD110-01

ΔE 2.4 · #9E7D5E

PPG

Cocoa Pecan 1084-6

ΔE 2.6 · #967B5D

IKEA

IKEA140 140

ΔE 3.2 · #A58369

Kobra

Gold 45

ΔE 5.4 · #8E7A5A

Farrow & Ball

Mouse's Back 40

ΔE 9.2 · #998976

Dutch Boy

Tan Hide DCP-0261

ΔE 9.9 · #B29B79

Colorhouse

Nourish .04 Nourish-04

ΔE 11.3 · #A3977F

RAL

Yellow Grey 7034

ΔE 11.5 · #8F8B66

Light Reflectance Value (LRV)

24/100

Dark

0 · DarkLight · 100

Soaks up light and feels moody and intimate. Great for studies, dining rooms and accent walls; pair with ample lighting.

Undertone

TemperatureWarm MasstoneOrange UndertoneYellow

Reads as a warm orange with a yellow undertone showing through, especially in daylight. Pair trim and adjacent colours to either calm or amplify that undertone.

Complementary

#9E8163
#627F9D

Analogous

#9D6362
#9E8163
#9C9D62

Triadic

#9E8163
#629D80
#80629D

Split-Complementary

#9E8163
#629C9D
#63629D

Tetradic

#9E8163
#629D63
#627F9D
#9D629C

Monochromatic

#3F3327
#6E5A45
#9E8163
#BAA691
#D8CCC0

Rectangle

#9E8163
#7F9D62
#627F9D
#80629D

Compound

#9E8163
#9C9D62
#627F9D
#63629D

Lighter

#B09A82
#C1B3A4
#DAD3CB

Darker

#7F674D
#584734
#34291E

Saturation

#888077
#9D8062
#CE8231

Best Rooms

kitchens, living rooms, dining rooms

Best Uses

main walls, ceilings, soft fabrics, large surfaces

Pairs With

cream walls, walnut furniture, terracotta tile, brass

Aa

vs White

3.64:1

AA Large

Aa

vs Black

5.77:1

AA

Deuteranopia

#9E8163
#928A63

Original → Simulated

Protanopia

#9E8163
#868668

Original → Simulated

Tritanopia

#9E8163
#9F7D81

Original → Simulated

Warm · Inviting

Hopsack reads warm and lived-in — orange-leaning tones invite conversation and slow the room down without dulling it. They flatter wood, linen, and brass, and they brighten north-facing rooms that otherwise tip cold.

SymbolismCreativity, hospitality, harvest
PersonalityFriendly, optimistic, grounded
warmthhospitalitycreativitycomfortsocialearthy
#B68D65

Warm Bulb 2700K

Incandescent / soft white LED — pulls colour toward yellow/amber.

#9E8163

Daylight 5500K

Midday natural light or daylight-spec LED — closest to the paint chip.

#A3928A

Cool Bulb 6500K

Cool white LED / overcast daylight — pulls colour toward blue.

#EBEBEA

Trim

Matched off-white

Same hue at 92% lightness — trim reads coordinated, not stark.

#F8F7F7

Ceiling

Whisper tint

Near-white with a hint of the hero's undertone — ceiling feels intentional.

#516B87

Accent

Complementary punch

Hue +180°, slightly muted for paint vs. screen — use on a door, frame, or single piece.

#574738

Floor

Walnut neutral

Warm mid-brown grounds the scheme regardless of hero hue.

Brand · Product Line

Benjamin Moore / Regal Select Interior

Recommended Finishes

Eggshell (walls) · Pearl (trim) · Matte (ceiling)

Eggshell hides imperfections on main walls while keeping the color rich; pearl on trim adds subtle sheen and easier cleaning; flat matte on ceilings prevents glare.

Best Surfaces

Primary walls · Cabinetry · Trim · Soft furniture

Coverage & Dry Time

Typical coverage 350-400 sq ft per gallon over a primed surface.

Touch-dry in ~1 hour. Recoat after 4 hours. Full cure 7-14 days.

Primer

Standard primer is adequate.

Application Tip

Use a 9" microfiber roller on walls and a 2.5" angled sash brush for trim cuts. Two coats minimum for even depth.

You'll need

4.0 litres

1.06 US gallons · room for one touch-up coat. Buy slightly more to ensure single-batch match.

CSS — color
color: #9E8163;
CSS — background
background-color: #9E8163;
CSS Variable
--color-hopsack: #9E8163;
Tailwind v3 — config
colors: { 'hopsack': '#9E8163' }
Tailwind — arbitrary
bg-[#9E8163] text-[#9E8163]
SCSS
$hopsack: #9E8163;
Built by DSGN.HOUSE Updated 2026

Our color tools run on our own catalogue of 26,000+ real paint colors across 16 brands — Benjamin Moore, Sherwin-Williams, Behr, Dulux, RAL and more — with the color math (HSL and CIELAB matching) computed in-house, not scraped from summaries. Every color you pick maps to a real, buyable paint with its code, so what you see here you can actually take to the store. We review and update these tools and their data regularly.

Created by Denis Kataev, founder of DSGN.HOUSE — a software engineer and digital entrepreneur building professional color-design tools for everyone.

What color is #9E8163?

#9E8163 is Hopsack, a mid-tone orange with a warm undertone.

Is #9E8163 warm or cool?

Hopsack reads warm, which influences how it interacts with surrounding tones and natural light.

What rooms work best with Hopsack?

Hopsack works well in kitchens, living rooms, dining rooms. Designers typically use it for main walls, ceilings, soft fabrics, large surfaces.

What colors pair well with Hopsack?

Hopsack pairs naturally with cream walls, walnut furniture, terracotta tile, brass. Its complementary color is also a strong contrast option for accents.

Where can I download Hopsack?

You can download Hopsack on DSGN.HOUSE in 15 designer formats including CSS gradient, Figma, Procreate swatches, Tailwind config, Adobe ASE, SVG, and 4K wallpapers — all free.

What's the hex code for Hopsack?

The hex code is #9E8163. In RGB it's 158, 129, 99, and in HSL it's 31°, 23%, 50%.

← All colors