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



橙・オレンジ系をベースに、5色で組んだ配色20パターンを紹介。



“orange

1

__ #f5bc55 / rgb(245,188,85)
__ #e86c4c / rgb(232,108,76)
__ #ff4b23 / rgb(255,75,35)
__ #fceabb / rgb(252,234,187)
__ #efbf3d / rgb(239,191,61)





“orange

2

__ #cc3333 / rgb(204,51,51)
__ #f7ca79 / rgb(247,202,121)
__ #d8521e / rgb(216,82,30)
__ #ff3333 / rgb(255,51,51)
__ #fbb305 / rgb(251,179,5)





“orange

3

__ #e65c2e / rgb(230,92,46)
__ #eb6940 / rgb(235,105,64)
__ #9c4836 / rgb(156,72,54)
__ #a36851 / rgb(163,104,81)
__ #ce481f / rgb(206,72,31)





“orange

4

__ #c73c2e / rgb(199,60,46)
__ #fec34c / rgb(254,195,76)
__ #e37538 / rgb(227,117,56)
__ #b1632a / rgb(177,99,42)
__ #f49b83 / rgb(244,155,131)





“orange

5

__ #d27c3f / rgb(210,124,63)
__ #f1673f / rgb(241,103,63)
__ #ff4500 / rgb(255,69,0)
__ #e65226 / rgb(230,82,38)
__ #e47353 / rgb(228,115,83)





“orange

6

__ #ad674e / rgb(173,103,78)
__ #ab4a20 / rgb(171,74,32)
__ #a7663b / rgb(167,102,59)
__ #cc3333 / rgb(204,51,51)
__ #ffa07a / rgb(255,160,122)





“orange

7

__ #ff6666 / rgb(255,102,102)
__ #ffdead / rgb(255,222,173)
__ #f89d46 / rgb(248,157,70)
__ #ca5137 / rgb(202,81,55)
__ #f4b17b / rgb(244,177,123)





“orange

8

__ #ea4e31 / rgb(234,78,49)
__ #ce6009 / rgb(206,96,9)
__ #f7c147 / rgb(247,193,71)
__ #fd7d33 / rgb(253,125,51)
__ #f44f12 / rgb(244,79,18)





“orange

9

__ #e1553d / rgb(225,85,61)
__ #ffa822 / rgb(255,168,34)
__ #f2b16a / rgb(242,177,106)
__ #f0ac78 / rgb(240,172,120)
__ #d68834 / rgb(214,136,52)





“orange

10

__ #cc3300 / rgb(204,51,0)
__ #e7672b / rgb(231,103,43)
__ #d68e31 / rgb(214,142,49)
__ #f96250 / rgb(249,98,80)
__ #e46e59 / rgb(228,110,89)





“orange

11

__ #ff4b23 / rgb(255,75,35)
__ #de3838 / rgb(222,56,56)
__ #fd7d33 / rgb(253,125,51)
__ #eb6940 / rgb(235,105,64)
__ #e65c2e / rgb(230,92,46)





“orange

12

__ #ffb000 / rgb(255,176,0)
__ #ce6009 / rgb(206,96,9)
__ #efbf3d / rgb(239,191,61)
__ #a7663b / rgb(167,102,59)
__ #ca5137 / rgb(202,81,55)





“orange

13

__ #ff6347 / rgb(255,99,71)
__ #b26235 / rgb(178,98,53)
__ #f7c242 / rgb(247,194,66)
__ #f2b33d / rgb(242,179,61)
__ #d89f6d / rgb(216,159,109)





“orange

14

__ #ffebcd / rgb(255,235,205)
__ #cd6349 / rgb(205,99,73)
__ #e89a3c / rgb(232,154,60)
__ #e67928 / rgb(230,121,40)
__ #f4b17b / rgb(244,177,123)





“orange

15

__ #f9b891 / rgb(249,184,145)
__ #dc915b / rgb(220,145,91)
__ #d27c3f / rgb(210,124,63)
__ #ff9933 / rgb(255,153,51)
__ #e98b2a / rgb(233,139,42)





“orange

16

__ #ffa103 / rgb(255,161,3)
__ #db5c35 / rgb(219,92,53)
__ #da6650 / rgb(218,102,80)
__ #df7704 / rgb(223,119,4)
__ #d3412c / rgb(211,65,44)





“orange

17

__ #cc6600 / rgb(204,102,0)
__ #fd7d33 / rgb(253,125,51)
__ #ce481f / rgb(206,72,31)
__ #ff3300 / rgb(255,51,0)
__ #fbcc95 / rgb(251,204,149)






“orange

18

__ #fbd246 / rgb(251,210,70)
__ #f1673f / rgb(241,103,63)
__ #fb9966 / rgb(251,153,102)
__ #dc915b / rgb(220,145,91)
__ #ff3333 / rgb(255,51,51)





“orange

19

__ #f4a460 / rgb(244,164,96)
__ #d1483e / rgb(209,72,62)
__ #fd5a2a / rgb(253,90,42)
__ #ff8f22 / rgb(255,143,34)
__ #e46e59 / rgb(228,110,89)





“orange

20

__ #de3838 / rgb(222,56,56)
__ #e7b14d / rgb(231,177,77)
__ #eb6940 / rgb(235,105,64)
__ #f5bc55 / rgb(245,188,85)
__ #e77f68 / rgb(231,127,104)