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



水・シアン系をベースに、5色で組んだ配色20パターンを紹介。


cyan color pattern 1

1

__ #d4e6e0 / rgb(212,230,224)
__ #008594 / rgb(0,133,148)
__ #6da895 / rgb(109,168,149)
__ #87ceeb / rgb(135,206,235)
__ #a3e3d9 / rgb(163,227,217)





cyan color pattern 2

2

__ #ccffcc / rgb(204,255,204)
__ #00b1bb / rgb(0,177,187)
__ #5c7e88 / rgb(92,126,136)
__ #bce1cf / rgb(188,225,207)
__ #acdbda / rgb(172,219,218)





cyan color pattern 3

3

__ #8ddbbf / rgb(141,219,191)
__ #679d9f / rgb(103,157,159)
__ #5e90b3 / rgb(94,144,179)
__ #66cdaa / rgb(102,205,170)
__ #99ccff / rgb(153,204,255)





cyan color pattern 4

4

__ #53a8b7 / rgb(83,168,183)
__ #00695b / rgb(0,105,91)
__ #4a807b / rgb(74,128,123)
__ #ccffff / rgb(204,255,255)
__ #20b2aa / rgb(32,178,170)





cyan color pattern 5

5

__ #0099cc / rgb(0,153,204)
__ #00cccc / rgb(0,204,204)
__ #6b9994 / rgb(107,153,148)
__ #547a82 / rgb(84,122,130)
__ #2595c7 / rgb(37,149,199)





cyan color pattern 6

6

__ #5bb3b5 / rgb(91,179,181)
__ #93abab / rgb(147,171,171)
__ #87afc5 / rgb(135,175,197)
__ #00cccc / rgb(0,204,204)
__ #89bdde / rgb(137,189,222)





cyan color pattern 7

7

__ #33cccc / rgb(51,204,204)
__ #66ffff / rgb(102,255,255)
__ #5dad94 / rgb(93,173,148)
__ #2a7762 / rgb(42,119,98)
__ #9dcce0 / rgb(157,204,224)





cyan color pattern 8

8

__ #69abdb / rgb(105,171,219)
__ #c8dfd4 / rgb(200,223,212)
__ #4a807b / rgb(74,128,123)
__ #99cccc / rgb(153,204,204)
__ #009c9e / rgb(0,156,158)





cyan color pattern 9

9

__ #6699cc / rgb(102,153,204)
__ #63c7be / rgb(99,199,190)
__ #66ffcc / rgb(102,255,204)
__ #9db6ba / rgb(157,182,186)
__ #00ced1 / rgb(0,206,209)





cyan color pattern 10

10

__ #a5d5bf / rgb(165,213,191)
__ #007d7f / rgb(0,125,127)
__ #00695b / rgb(0,105,91)
__ #a3bacd / rgb(163,186,205)
__ #bce1cf / rgb(188,225,207)





cyan color pattern 11

11

__ #99ccff / rgb(153,204,255)
__ #77b1a1 / rgb(119,177,161)
__ #58a7d2 / rgb(88,167,210)
__ #7eb1c1 / rgb(126,177,193)
__ #f5fffa / rgb(245,255,250)





cyan color pattern 12

12

__ #669999 / rgb(102,153,153)
__ #b2ccb7 / rgb(178,204,183)
__ #20b2aa / rgb(32,178,170)
__ #ccffcc / rgb(204,255,204)
__ #66cdaa / rgb(102,205,170)





cyan color pattern 13

13

__ #009dbf / rgb(0,157,191)
__ #69abdb / rgb(105,171,219)
__ #66898f / rgb(102,137,143)
__ #bce1cf / rgb(188,225,207)
__ #33ffff / rgb(51,255,255)





cyan color pattern 14

14

__ #afeeee / rgb(175,238,238)
__ #f0ffff / rgb(240,255,255)
__ #5dad94 / rgb(93,173,148)
__ #33cc99 / rgb(51,204,153)
__ #007d7f / rgb(0,125,127)





cyan color pattern 15

15

__ #6e8d95 / rgb(110,141,149)
__ #66ffcc / rgb(102,255,204)
__ #b0c4de / rgb(176,196,222)
__ #00ced1 / rgb(0,206,209)
__ #00b1bb / rgb(0,177,187)





cyan color pattern 16

16

__ #add8e6 / rgb(173,216,230)
__ #91d0cd / rgb(145,208,205)
__ #69abdb / rgb(105,171,219)
__ #b0e0e6 / rgb(176,224,230)
__ #58a7d2 / rgb(88,167,210)





cyan color pattern 17

17

__ #52bcde / rgb(82,188,222)
__ #0099ff / rgb(0,153,255)
__ #a8c99b / rgb(168,201,155)
__ #9dcce0 / rgb(157,204,224)
__ #75c6c3 / rgb(117,198,195)





cyan color pattern 18

18

__ #ccccff / rgb(204,204,255)
__ #00717a / rgb(0,113,122)
__ #00a37e / rgb(0,163,126)
__ #b3cac9 / rgb(179,202,201)
__ #7aa3da / rgb(122,163,218)





cyan color pattern 19

19

__ #5c7e88 / rgb(92,126,136)
__ #77b1a1 / rgb(119,177,161)
__ #00ffff / rgb(0,255,255)
__ #87ceeb / rgb(135,206,235)
__ #99ffcc / rgb(153,255,204)





cyan color pattern 20

20

__ #006581 / rgb(0,101,129)
__ #33ffcc / rgb(51,255,204)
__ #89bdde / rgb(137,189,222)
__ #407f5d / rgb(64,127,93)
__ #87cefa / rgb(135,206,250)