Sophisticated Dark Brown-Gray Neutral
Category: Brown
Taupe (#483C32) — Color Codes, Meaning & UI Palettes
Taupe (#483C32) takes its name from the French noun for mole, describing a deep, warm grayish-brown neutral. It is celebrated in high-end architectural and fashion design for its understated elegance, neutrality, and grounded organic balance.
Click to Copy HEX
Taupe
#483C32
HEX
#483C32
RGB
rgb(72, 60, 50)
HSL
hsl(27deg, 18%, 24%)
CMYK (Print)
cmyk(0%, 17%, 31%, 72%)
Apple Display P3
color(display-p3 0.282 0.235 0.196)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
10.71:1 (AAA)
Black Text (#000000)
1.96: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
#F7F5F3
100
#EEEAE7
200
#DED5CF
300
#C9BCB1
400
#B09C8D
500
#483C32
600
#3B3129
700
#2F2721
800
#231D18
900
#171310
950
#0D0B09
Color Harmonies & Palette Schemes
Complementary
#323E48
Opposite 180° Contrast
Analogous -30°
#483233
Natural Harmony
Analogous +30°
#484732
Natural Harmony
Triadic +120°
#32483C
120° Balanced Triad
Triadic +240°
#3C3248
120° Balanced Triad
Curated UI Design Pairings for Taupe
Top-tier dark neutral for luxury editorial sites, modern typography, card borders, and architectural portfolios. High contrast against cream and linen backgrounds.
Travertine Beige
#E7DEC8
Textured Warm Background
Alabaster White
#F2F0EB
Crisp Light Surface
Warm Amber
#D97706
Artisanal Highlight
Charcoal Brown
#2A241F
Deep Framing Border
Export Taupe Code Snippets
CSS Variable
--color-taupe-color: #483C32;
Tailwind Config
'taupe-color': '#483C32'
Swift / SwiftUI
Color(hex: "#483C32")
JSON Design Token
{"name": "Taupe", "hex": "#483C32"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.