ブラウン系5色で組んだ配色20パターン(Web カラーコード & RGB 付)



茶・ブラウン系をベースに、5色で組んだ配色20パターンを紹介。



brown color pattern 1

1

__ #7c584f / rgb(124,88,79)
__ #ab7f5c / rgb(171,127,92)
__ #575531 / rgb(87,85,49)
__ #937151 / rgb(147,113,81)
__ #d1884b / rgb(209,136,75)





brown color pattern 2

2

__ #cd7427 / rgb(205,116,39)
__ #dfc59e / rgb(223,197,158)
__ #865c4b / rgb(134,92,75)
__ #a16d11 / rgb(161,109,17)
__ #5d5245 / rgb(93,82,69)





brown color pattern 3

3

__ #aca86b / rgb(172,168,107)
__ #d38967 / rgb(211,137,103)
__ #b4734c / rgb(180,115,76)
__ #62592c / rgb(98,89,44)
__ #6d4c37 / rgb(109,76,55)





brown color pattern 4

4

__ #d68f5e / rgb(214,143,94)
__ #c9aa86 / rgb(201,170,134)
__ #5b4c25 / rgb(91,76,37)
__ #624035 / rgb(98,64,53)
__ #867468 / rgb(134,116,104)





brown color pattern 5

5

__ #4a3b32 / rgb(74,59,50)
__ #dbc266 / rgb(219,194,102)
__ #fab3c3 / rgb(250,179,195)
__ #825146 / rgb(130,81,70)
__ #8b4513 / rgb(139,69,19)





brown color pattern 6

6

__ #58443c / rgb(88,68,60)
__ #6d4c37 / rgb(109,76,55)
__ #884737 / rgb(136,71,55)
__ #deb887 / rgb(222,184,135)
__ #eec063 / rgb(238,192,99)





brown color pattern 7

7

__ #3a322f / rgb(58,50,47)
__ #392d2a / rgb(57,45,42)
__ #5d5245 / rgb(93,82,69)
__ #d1af00 / rgb(209,175,0)
__ #80273f / rgb(128,39,63)





brown color pattern 8

8

__ #dc915b / rgb(220,145,91)
__ #d68e31 / rgb(214,142,49)
__ #b1643b / rgb(177,100,59)
__ #f85874 / rgb(248,88,116)
__ #db5c35 / rgb(219,92,53)





brown color pattern 9

9

__ #ada142 / rgb(173,161,66)
__ #662b2c / rgb(102,43,44)
__ #ab4a20 / rgb(171,74,32)
__ #646f63 / rgb(100,111,99)
__ #f1e6ab / rgb(241,230,171)





brown color pattern 10

10

__ #896c46 / rgb(137,108,70)
__ #57462d / rgb(87,70,45)
__ #6e5b4f / rgb(110,91,79)
__ #b8860b / rgb(184,134,11)
__ #58271e / rgb(88,39,30)





brown color pattern 11

11

__ #d1af00 / rgb(209,175,0)
__ #b1632a / rgb(177,99,42)
__ #a16748 / rgb(161,103,72)
__ #c57134 / rgb(197,113,52)
__ #993333 / rgb(153,51,51)





brown color pattern 12

12

__ #884737 / rgb(136,71,55)
__ #d2691e / rgb(210,105,30)
__ #812d3a / rgb(129,45,58)
__ #6a3931 / rgb(106,57,49)
__ #dda52d / rgb(221,165,45)





brown color pattern 13

13

__ #a80d2a / rgb(168,13,42)
__ #825f5c / rgb(130,95,92)
__ #9c6341 / rgb(156,99,65)
__ #b9824d / rgb(185,130,77)
__ #7b8075 / rgb(123,128,117)





brown color pattern 14

14

__ #bca78d / rgb(188,167,141)
__ #ded2bf / rgb(222,210,191)
__ #ca5137 / rgb(202,81,55)
__ #a36851 / rgb(163,104,81)
__ #6c3331 / rgb(108,51,49)





brown color pattern 15

15

__ #b4734c / rgb(180,115,76)
__ #dbc266 / rgb(219,194,102)
__ #914c35 / rgb(145,76,53)
__ #362519 / rgb(54,37,25)
__ #dcc2ac / rgb(220,194,172)





brown color pattern 16

16

__ #b9824d / rgb(185,130,77)
__ #db5c35 / rgb(219,92,53)
__ #c49678 / rgb(196,150,120)
__ #491022 / rgb(73,16,34)
__ #846651 / rgb(132,102,81)





brown color pattern 17

17

__ #731322 / rgb(115,19,34)
__ #d5b489 / rgb(213,180,137)
__ #bca78d / rgb(188,167,141)
__ #b49747 / rgb(180,151,71)
__ #5f5b40 / rgb(95,91,64)





brown color pattern 18

18

__ #5c5424 / rgb(92,84,36)
__ #b16a11 / rgb(177,106,17)
__ #bcad85 / rgb(188,173,133)
__ #93664f / rgb(147,102,79)
__ #b1643b / rgb(177,100,59)





brown color pattern 19

19

__ #574848 / rgb(87,72,72)
__ #993333 / rgb(153,51,51)
__ #a95045 / rgb(169,80,69)
__ #330000 / rgb(51,0,0)
__ #96632e / rgb(150,99,46)





brown color pattern 20

20

__ #d38967 / rgb(211,137,103)
__ #d2691e / rgb(210,105,30)
__ #c5631f / rgb(197,99,31)
__ #9d2932 / rgb(157,41,50)
__ #aa6822 / rgb(170,104,34)