#6a8690
RGB ( 赤 = 106, 緑 = 134, 青 = 144 )
HSL ( 色相 = 196°, 彩度 = 15%, 明度 = 49% )
H : 色相 ( 196° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #906e6a : -190
16 : #90746a : -180
26 : #907a6a : -170
36 : #90816a : -160
46 : #90876a : -150
56 : #908d6a : -140
66 : #8c906a : -130
76 : #86906a : -120
86 : #7f906a : -110
96 : #79906a : -100
106 : #73906a : -90
116 : #6d906a : -80
126 : #6a906e : -70
136 : #6a9074 : -60
146 : #6a907a : -50
156 : #6a9081 : -40
166 : #6a9087 : -30
176 : #6a908d : -20
186 : #6a8c90 : -10
196 : #6a8690 : ±0
206 : #6a7f90 : +10
216 : #6a7990 : +20
226 : #6a7390 : +30
236 : #6a6d90 : +40
246 : #6e6a90 : +50
256 : #746a90 : +60
266 : #7a6a90 : +70
276 : #816a90 : +80
286 : #876a90 : +90
296 : #8d6a90 : +100
306 : #906a8c : +110
316 : #906a86 : +120
326 : #906a7f : +130
336 : #906a79 : +140
346 : #906a73 : +150
356 : #906a6d : +160
186 : #6a8c90 : -10
187 : #6a8b90 : -9
188 : #6a8b90 : -8
189 : #6a8a90 : -7
190 : #6a8990 : -6
191 : #6a8990 : -5
192 : #6a8890 : -4
193 : #6a8890 : -3
194 : #6a8790 : -2
195 : #6a8690 : -1
196 : #6a8690 : ±0
197 : #6a8590 : +1
198 : #6a8490 : +2
199 : #6a8490 : +3
200 : #6a8390 : +4
201 : #6a8390 : +5
202 : #6a8290 : +6
203 : #6a8190 : +7
204 : #6a8190 : +8
205 : #6a8090 : +9
206 : #6a7f90 : +10
S : 彩度 ( 15% )
(0%) 渋い ~ 鮮やか (100%)
1 : #7c7e7e : -14
3 : #797f81 : -12
5 : #778083 : -10
7 : #748186 : -8
9 : #728288 : -6
11 : #6f838b : -4
13 : #6d858d : -2
15 : #6a8690 : ±0
17 : #688792 : +2
19 : #658895 : +4
21 : #638997 : +6
23 : #608a9a : +8
25 : #5e8c9c : +10
27 : #5b8d9f : +12
29 : #598ea1 : +14
31 : #568fa4 : +16
33 : #5490a6 : +18
35 : #5191a9 : +20
37 : #4f93ab : +22
39 : #4c94ae : +24
41 : #4a95b0 : +26
43 : #4796b3 : +28
45 : #4597b5 : +30
47 : #4298b8 : +32
49 : #409aba : +34
51 : #3d9bbd : +36
53 : #3b9cbf : +38
55 : #389dc2 : +40
57 : #369ec4 : +42
59 : #339fc7 : +44
61 : #31a1c9 : +46
63 : #2ea2cc : +48
65 : #2ca3ce : +50
67 : #29a4d1 : +52
69 : #27a5d3 : +54
71 : #24a6d6 : +56
73 : #22a8d8 : +58
75 : #1fa9db : +60
77 : #1daadd : +62
79 : #1aabe0 : +64
81 : #18ace2 : +66
83 : #15ade5 : +68
85 : #13afe7 : +70
87 : #10b0ea : +72
89 : #0eb1ec : +74
91 : #0bb2ef : +76
93 : #09b3f1 : +78
95 : #06b4f4 : +80
97 : #04b6f6 : +82
99 : #01b7f9 : +84
L : 明度 ( 49% )
(0%) 暗い ~ 明るい (100%)
1 : #020303 : -48
3 : #070809 : -46
5 : #0b0e0f : -44
7 : #0f1315 : -42
9 : #14191a : -40
11 : #181e20 : -38
13 : #1c2326 : -36
15 : #21292c : -34
17 : #252e32 : -32
19 : #293438 : -30
21 : #2e393e : -28
23 : #323f43 : -26
25 : #364449 : -24
27 : #3b4a4f : -22
29 : #3f4f55 : -20
31 : #43555b : -18
33 : #485a61 : -16
35 : #4c5f67 : -14
37 : #50656d : -12
39 : #556a72 : -10
41 : #597078 : -8
43 : #5d757e : -6
45 : #627b84 : -4
47 : #66808a : -2
49 : #6a8690 : ±0
51 : #6f8b95 : +2
53 : #759099 : +4
55 : #7b949d : +6
57 : #8199a2 : +8
59 : #879ea6 : +10
61 : #8da3aa : +12
63 : #92a7af : +14
65 : #98acb3 : +16
67 : #9eb1b7 : +18
69 : #a4b5bc : +20
71 : #aabac0 : +22
73 : #b0bfc4 : +24
75 : #b6c4c9 : +26
77 : #bcc8cd : +28
79 : #c1cdd1 : +30
81 : #c7d2d6 : +32
83 : #cdd7da : +34
85 : #d3dbde : +36
87 : #d9e0e3 : +38
89 : #dfe5e7 : +40
91 : #e5eaeb : +42
93 : #eaeef0 : +44
95 : #f0f3f4 : +46
97 : #f6f8f8 : +48
99 : #fcfdfd : +50
CSS入門、作ってます。
text-shadow