Dusty Umber Brown
A versatile dark neutral.
#484848
rgb(72, 72, 72)
Color formats
HEX
#484848
RGB
rgb(72, 72, 72)
HSL
hsl(0, 0%, 28.2%)
HSV
hsv(0, 0%, 28.2%)
CMYK
cmyk(0%, 0%, 0%, 71.8%)
Color shades
Lighter tints and darker shades of Dusty Umber Brown.
Lightest
#AEAEAE
Lighter
#7B7B7B
Base
#484848
Darker
#151515
Darkest
#000000
Complementary
The opposite hue on the color wheel.
Analogous
Neighbouring hues that harmonise.
Contrast & readability
Where Dusty Umber Brown works
Dusty Umber Brown (#484848) is a versatile dark neutral. As a deep tone it works well for text, headers and high-contrast backgrounds where you want weight and focus. The low saturation keeps it calm and easy to pair, so it sits comfortably next to almost any accent color.
Observe the spectrum
More colors related to Dusty Umber Brown — or browse all browns.
Color tools
Color Format Converter
Convert any color between HEX, RGB, HSL, HSV, CMYK and OKLCH instantly — and copy ready-to-paste CSS, SCSS or Tailwind.
Color Picker
Pick any color visually and copy accurate HEX, RGB, HSL and CMYK codes — no signup.
Palette Generator
Generate harmonious color palettes from any base color — complementary, analogous, triadic and more, with instant CSS export.
Contrast Checker
Test color contrast against WCAG 2.1 AA/AAA — live pass/fail, font-size rules, and a real component preview.
Shade & Tint Generator
Generate 10–12 step tints and shades from any color — perfect 50–950 UI ramps with CSS and Tailwind export.
Complementary Color Finder
Find the perfect complementary (180° opposite) color for any shade, with HEX/RGB/HSL and contrast info.