colorcodekit

Color Codes › Shades of Brown

Shades of brown

Q: What are the shades of brown?

Shades of brown are made by mixing brown with black, producing progressively darker versions. Tints mix with white for lighter versions, and tones mix with grey for muted versions.

Q: What is the hex code for brown?

A common brown is #92400E (rgb(146, 64, 14)), but brown spans a whole range — see the full set of shades and tints on this page.

A full palette of brown — shades (toward black), tints (toward white) and tones (toward grey) — each with its hex and RGB code. Click any swatch to copy.

#92400E

Shades of brown

Brown mixed with black — darker and deeper.

#92400E

rgb(146, 64, 14)

#853A0D

rgb(133, 58, 13)

#77340B

rgb(119, 52, 11)

#6A2F0A

rgb(106, 47, 10)

#5D2909

rgb(93, 41, 9)

#502308

rgb(80, 35, 8)

#421D06

rgb(66, 29, 6)

#351705

rgb(53, 23, 5)

#281104

rgb(40, 17, 4)

#1B0C03

rgb(27, 12, 3)

#0D0601

rgb(13, 6, 1)

#000000

rgb(0, 0, 0)

Tints of brown

Brown mixed with white — lighter and softer.

#92400E

rgb(146, 64, 14)

#9C5124

rgb(156, 81, 36)

#A6633A

rgb(166, 99, 58)

#B07450

rgb(176, 116, 80)

#BA8566

rgb(186, 133, 102)

#C4977C

rgb(196, 151, 124)

#CDA891

rgb(205, 168, 145)

#D7BAA7

rgb(215, 186, 167)

#E1CBBD

rgb(225, 203, 189)

#EBDCD3

rgb(235, 220, 211)

#F5EEE9

rgb(245, 238, 233)

#FFFFFF

rgb(255, 255, 255)

Tones of brown

Brown mixed with grey — muted and subtle.

#92400E

rgb(146, 64, 14)

#904618

rgb(144, 70, 24)

#8F4C23

rgb(143, 76, 35)

#8D512D

rgb(141, 81, 45)

#8B5737

rgb(139, 87, 55)

#8A5D42

rgb(138, 93, 66)

#88634C

rgb(136, 99, 76)

#876957

rgb(135, 105, 87)

#856F61

rgb(133, 111, 97)

#83746B

rgb(131, 116, 107)

#827A76

rgb(130, 122, 118)

#808080

rgb(128, 128, 128)

Shades, tints and tones explained

Starting from a base brown (#92400E), a shade adds black, a tint adds white, and a tone adds grey. Together they give you a coherent brown palette — useful for hover states, backgrounds, borders and accessible text.

Want a different starting brown? Open the colour picker, choose your exact brown, and it will generate fresh shades and tints, or convert any of the codes above to OKLCH, HSL or CMYK.

What are the shades of brown?

Brown mixed with increasing amounts of black, giving progressively darker versions. Tints use white, tones use grey.

What is the hex code for brown?

A common brown is #92400E, but brown spans the whole range shown above.

Popular colours

Sage green Navy blue Teal Coral Burgundy Terracotta Mint green Shades of blue Shades of pink All colour codes →

Color tools

Color Picker →

Pick visually, get every code.

Converter →

Convert between any formats.

Contrast Checker →

WCAG AA/AAA pass-fail.

Named Colors →

All 140 CSS colours.