Deep Espresso Grounding Neutral
Category: Brown
Dark Brown (#654321) — Color Codes, Meaning & UI Palettes
Dark Brown is a deep, rich shade evocative of freshly ground espresso beans, dark chocolate, and old-growth timber. It radiates warmth, stability, resilience, and rooted sophistication.
Click to Copy HEX
Dark Brown
#654321
HEX
#654321
RGB
rgb(101, 67, 33)
HSL
hsl(30deg, 51%, 26%)
CMYK (Print)
cmyk(0%, 34%, 67%, 60%)
Apple Display P3
color(display-p3 0.396 0.263 0.129)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
8.83:1 (AAA)
Black Text (#000000)
2.38:1 (Fail)
11-Step Tints & Shades Scale (Tailwind 50–950)
Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:
50
#F6F4F2
100
#E6E1DB
200
#CEC3B8
300
#AF9D8C
400
#8A7056
500
#654321
600
#51361A
700
#3D2814
800
#281B0D
900
#160F07
950
#0C0804
Color Harmonies & Palette Schemes
Complementary
#204264
Opposite 180° Contrast
Analogous -30°
#642020
Natural Harmony
Analogous +30°
#646420
Natural Harmony
Triadic +120°
#206442
120° Balanced Triad
Triadic +240°
#422064
120° Balanced Triad
Curated UI Design Pairings for Dark Brown
Pairs gorgeously with warm cream backgrounds and gold accents in luxury retail, heritage brands, and artisanal coffee publications.
Warm Cream
#FFFDF9
Creamy Canvas Surface
Amber Gold
#F59E0B
Metallic Accent
Terracotta
#E2725B
Warm Clay Complement
Sage Green
#9CAF88
Earth & Botanical Balance
Export Dark Brown Code Snippets
CSS Variable
--color-dark-brown: #654321;
Tailwind Config
'dark-brown': '#654321'
Swift / SwiftUI
Color(hex: "#654321")
JSON Design Token
{"name": "Dark Brown", "hex": "#654321"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.