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



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



blue color pattern 1

1

__ #285294 / rgb(40,82,148)
__ #000066 / rgb(0,0,102)
__ #3c4174 / rgb(60,65,116)
__ #336699 / rgb(51,102,153)
__ #7b90d2 / rgb(123,144,210)





blue color pattern 2

2

__ #1e90ff / rgb(30,144,255)
__ #00695b / rgb(0,105,91)
__ #003f71 / rgb(0,63,113)
__ #b7c1d2 / rgb(183,193,210)
__ #008697 / rgb(0,134,151)





blue color pattern 3

3

__ #0099a6 / rgb(0,153,166)
__ #3300ff / rgb(51,0,255)
__ #3a4861 / rgb(58,72,97)
__ #292934 / rgb(41,41,52)
__ #99cccc / rgb(153,204,204)





blue color pattern 4

4

__ #48d1cc / rgb(72,209,204)
__ #010f29 / rgb(1,15,41)
__ #00526b / rgb(0,82,107)
__ #00717a / rgb(0,113,122)
__ #3333ff / rgb(51,51,255)





blue color pattern 5

5

__ #339999 / rgb(51,153,153)
__ #706caa / rgb(112,108,170)
__ #4682b4 / rgb(70,130,180)
__ #0099bb / rgb(0,153,187)
__ #307eb8 / rgb(48,126,184)





blue color pattern 6

6

__ #53a8b7 / rgb(83,168,183)
__ #093d86 / rgb(9,61,134)
__ #0e1b3f / rgb(14,27,63)
__ #27477a / rgb(39,71,122)
__ #353fbc / rgb(53,63,188)





blue color pattern 7

7

__ #483d8b / rgb(72,61,139)
__ #87cefa / rgb(135,206,250)
__ #2b5f75 / rgb(43,95,117)
__ #435495 / rgb(67,84,149)
__ #72897a / rgb(114,137,122)





blue color pattern 8

8

__ #009c9e / rgb(0,156,158)
__ #384d98 / rgb(56,77,152)
__ #0065a6 / rgb(0,101,166)
__ #007bc3 / rgb(0,123,195)
__ #42529b / rgb(66,82,155)





blue color pattern 9

9

__ #706caa / rgb(112,108,170)
__ #255359 / rgb(37,83,89)
__ #b0c4de / rgb(176,196,222)
__ #008281 / rgb(0,130,129)
__ #669999 / rgb(102,153,153)





blue color pattern 10

10

__ #66898f / rgb(102,137,143)
__ #52bcde / rgb(82,188,222)
__ #312543 / rgb(49,37,67)
__ #008c9e / rgb(0,140,158)
__ #003c88 / rgb(0,60,136)





blue color pattern 11

11

__ #2595c7 / rgb(37,149,199)
__ #2a4f77 / rgb(42,79,119)
__ #6a5acd / rgb(106,90,205)
__ #27477a / rgb(39,71,122)
__ #6699cc / rgb(102,153,204)





blue color pattern 12

12

__ #63c7be / rgb(99,199,190)
__ #003333 / rgb(0,51,51)
__ #003f71 / rgb(0,63,113)
__ #93abab / rgb(147,171,171)
__ #73b3c1 / rgb(115,179,193)





blue color pattern 13

13

__ #334666 / rgb(51,70,102)
__ #6e82ad / rgb(110,130,173)
__ #00ccff / rgb(0,204,255)
__ #008697 / rgb(0,134,151)
__ #36479f / rgb(54,71,159)





blue color pattern 14

14

__ #435495 / rgb(67,84,149)
__ #547a82 / rgb(84,122,130)
__ #a8c99b / rgb(168,201,155)
__ #513061 / rgb(81,48,97)
__ #444b5b / rgb(68,75,91)





blue color pattern 15

15

__ #0073a2 / rgb(0,115,162)
__ #0099a6 / rgb(0,153,166)
__ #3f63a8 / rgb(63,99,168)
__ #69acde / rgb(105,172,222)
__ #53a8b7 / rgb(83,168,183)





blue color pattern 16

16

__ #0062a0 / rgb(0,98,160)
__ #1b3db0 / rgb(27,61,176)
__ #003399 / rgb(0,51,153)
__ #4b64a1 / rgb(75,100,161)
__ #eee4d4 / rgb(238,228,212)





blue color pattern 17

17

__ #2838a9 / rgb(40,56,169)
__ #003333 / rgb(0,51,51)
__ #00b1bb / rgb(0,177,187)
__ #5c7e88 / rgb(92,126,136)
__ #313198 / rgb(49,49,152)





blue color pattern 18

18

__ #343d55 / rgb(52,61,85)
__ #5bb3b5 / rgb(91,179,181)
__ #304285 / rgb(48,66,133)
__ #6fb29c / rgb(111,178,156)
__ #0c4842 / rgb(12,72,66)





blue color pattern 19

19

__ #000066 / rgb(0,0,102)
__ #435aa0 / rgb(67,90,160)
__ #2b5f75 / rgb(43,95,117)
__ #5f87a7 / rgb(95,135,167)
__ #608a8e / rgb(96,138,142)





blue color pattern 20

20

__ #0066cc / rgb(0,102,204)
__ #0033ff / rgb(0,51,255)
__ #3c4174 / rgb(60,65,116)
__ #339999 / rgb(51,153,153)
__ #00547a / rgb(0,84,122)