Shades of Brown Color
Last Updated :
03 Nov, 2023
The “Shades of Brown” color is a collection of all possible shades of brown. This article provides the Shades of Brown Color and their Names with Hex, RGB, and HSL values.
A card is designed to showcase a comprehensive collection of various brown color shades. Users can interact with this card by selecting a specific brown shade from the provided options. Upon selection, the card dynamically displays the RGB and hexadecimal color codes for the chosen brown shade.
Additionally, the card provides a visual representation of the selected color with an instant color change, allowing users to explore and identify different brown shades easily.
Shades of Brown Color with Names, Hex, RGB, and HSL Values
|
Almond
|
#EADDCA
|
rgb(234, 221, 202)
|
hsl(36, 43%, 85%)
|
|
Brass
|
#E1C16E
|
rgb(225, 193, 110)
|
hsl(43, 66%, 66%)
|
|
Bronze
|
#CD7F32
|
rgb(205, 127, 50)
|
hsl(30, 61%, 50%)
|
|
Brown
|
#A52A2A
|
rgb(165, 42, 42)
|
hsl(0, 59%, 41%)
|
|
Buff
|
#DAA06D
|
rgb(218, 160, 109)
|
hsl(28, 60%, 64%)
|
|
Burgundy
|
#800020
|
rgb(128, 0, 32)
|
hsl(345, 100%, 25%)
|
|
Burnt Sienna
|
#E97451
|
rgb(233, 116, 81)
|
hsl(14, 78%, 62%)
|
|
Burnt Umber
|
#6E260E
|
rgb(110, 38, 14)
|
hsl(15, 77%, 24%)
|
|
Camel
|
#C19A6B
|
rgb(193, 154, 107)
|
hsl(33, 41%, 59%)
|
|
Chestnut
|
#954535
|
rgb(149, 69, 53)
|
hsl(10, 48%, 40%)
|
|
Chocolate
|
#7B3F00
|
rgb(123, 63, 0)
|
hsl(31, 100%, 24%)
|
|
Cinnamon
|
#D27D2D
|
rgb(210, 125, 45)
|
hsl(29, 65%, 50%)
|
|
Coffee
|
#6F4E37
|
rgb(111, 78, 55)
|
hsl(25, 34%, 33%)
|
|
Cognac
|
#834333
|
rgb(131, 67, 51)
|
hsl(12, 44%, 36%)
|
|
Copper
|
#B87333
|
rgb(184, 115, 51)
|
hsl(29, 57%, 46%)
|
|
Cordovan
|
#814141
|
rgb(129, 65, 65)
|
hsl(0, 33%, 38%)
|
|
Dark Brown
|
#5C4033
|
rgb(92, 64, 51)
|
hsl(19, 29%, 28%)
|
|
Dark Red
|
#8B0000
|
rgb(139, 0, 0)
|
hsl(0, 100%, 27%)
|
|
Dark Tan
|
#988558
|
rgb(152, 133, 88)
|
hsl(42, 27%, 47%)
|
|
Ecru
|
#C2B280
|
rgb(194, 178, 128)
|
hsl(45, 35%, 63%)
|
|
Fallow
|
#C19A6B
|
rgb(193, 154, 107)
|
hsl(33, 41%, 59%)
|
|
Fawn
|
#E5AA70
|
rgb(229, 170, 112)
|
hsl(30, 69%, 67%)
|
|
Garnet
|
#9A2A2A
|
rgb(154, 42, 42)
|
hsl(0, 57%, 38%)
|
|
Golden Brown
|
#966919
|
rgb(150, 105, 25)
|
hsl(38, 71%, 34%)
|
|
Khaki
|
#F0E68C
|
rgb(240, 230, 140)
|
hsl(54, 77%, 75%)
|
|
Light Brown
|
#C4A484
|
rgb(196, 164, 132)
|
hsl(30, 35%, 64%)
|
|
Mahogany
|
#C04000
|
rgb(192, 64, 0)
|
hsl(20, 100%, 38%)
|
|
Maroon
|
#800000
|
rgb(128, 0, 0)
|
hsl(0, 100%, 25%)
|
|
Mocha
|
#967969
|
rgb(150, 121, 105)
|
hsl(21, 18%, 50%)
|
|
Nude
|
#F2D2BD
|
rgb(242, 210, 189)
|
hsl(24, 67%, 85%)
|
|
Ochre
|
#CC7722
|
rgb(204, 119, 34)
|
hsl(30, 71%, 47%)
|
|
Olive Green
|
#808000
|
rgb(128, 128, 0)
|
hsl(60, 100%, 25%)
|
|
Oxblood
|
#4A0404
|
rgb(74, 4, 4)
|
hsl(0, 90%, 15%)
|
|
Puce
|
#A95C68
|
rgb(169, 92, 104)
|
hsl(351, 31%, 51%)
|
|
Red Brown
|
#A52A2A
|
rgb(165, 42, 42)
|
hsl(0, 59%, 41%)
|
|
Red Ochre
|
#913831
|
rgb(145, 56, 49)
|
hsl(4, 49%, 38%)
|
|
Russet
|
#80461B
|
rgb(128, 70, 27)
|
hsl(26, 65%, 30%)
|
|
Saddle Brown
|
#8B4513
|
rgb(139, 69, 19)
|
hsl(25, 76%, 31%)
|
|
Sand
|
#C2B280
|
rgb(194, 178, 128)
|
hsl(45, 35%, 63%)
|
|
Sienna
|
#A0522D
|
rgb(160, 82, 45)
|
hsl(19, 56%, 40%)
|
|
Tan
|
#D2B48C
|
rgb(210, 180, 140)
|
hsl(34, 44%, 69%)
|
|
Taupe
|
#483C32
|
rgb(72, 60, 50)
|
hsl(27, 18%, 24%)
|
|
Tuscan Red
|
#7C3030
|
rgb(124, 48, 48)
|
hsl(0, 44%, 34%)
|
|
Wheat
|
#F5DEB3
|
rgb(245, 222, 179)
|
hsl(39, 77%, 83%)
|
|
Wine
|
#722F37
|
rgb(114, 47, 55)
|
hsl(353, 42%, 32%)
|
Share your thoughts in the comments
Please Login to comment...