#773F1A
Brown family

Walnut

Also known as: earthy · rich · textured · warm · natural
Save
Hex #773F1A
RGB rgb(119, 63, 26)
HSL hsl(24°, 64%, 28%)
CMYK 0 · 47 · 78 · 53
RAL RAL 8003 · Clay Brown

RAL and NCS values are nearest equivalents, not official designations.

Meaning

In Western cultures, walnut symbolizes stability and strength, often used in furniture design to convey a sense of timelessness. Conversely, in some Asian traditions, it may represent fertility and abundance, reflecting its value in both culinary and agricultural contexts.

The term 'walnut' dates back to the 14th century from the Old English 'wealhhnutu', meaning 'foreign nut', as walnuts were introduced to England from the Mediterranean region. The wood has been highly sought after since the Renaissance for its rich color and grain, often used in luxury furniture and cabinetry.

earthyrichtexturedwarmnatural

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Walnut. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 35 Browns →

Shades & tints

Nine steps of Walnut by lightness — from #3E210E (darkest) to #B89B88 (lightest). Click any to copy.

-40% #3E210E
-30% #4C2811
-20% #5A3014
-10% #693717
BASE #773F1A
+15% #875635
+30% #986D51
+50% #A8846C
+70% #B89B88

Complementary

Sitting opposite Walnut at 204° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Walnut.

#773F1A
#FFA500
#F5F5F5
#A0522D
#C0C0C0

Autumn Harvest

Warm Comfort
#773F1A
#4B8B3B
#F0E68C
#8B4513
#D3D3D3

Rustic Retreat

Natural Serenity
#773F1A
#2E2E2E
#FFFFFF
#C19A6B
#FF6347

Cozy Cabin

Inviting Warmth

Walnut scale

A 50–900 tonal scale with Walnut anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #F4F0ED
100 #E7DCD6
200 #CBB6A8
300 #B0907A
400 #94674A
500 #773F1A
600 #623415
700 #4F2A11
800 #3C200D
900 #281509

Accessibility

Works well as text on light backgrounds; fails on dark.

Aa Best text color: #FFFFFF · 8.37:1
Walnut as text on… Ratio AA AAA
Aa White background 8.37:1 Pass Pass
Aa Black background 2.51:1 Fail Fail

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #773F1A

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: #773F1A;
CSS color-mix (lighten 30%) color-mix(in srgb, #773F1A 70%, white)
HSV / HSB 24°, 78%, 47%
CMYK (print) 0, 47, 78, 53
Decimal 7814938
Nearest web-safe #663333

Color vision

How Walnut appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#773F1A

Protanopia (no red)

#5F5E23

Deuteranopia (no green)

#626625

Tritanopia (no blue)

#742A2C
Mahogany
9 / 35 Browns Chestnut
Copied!