#63969c
RGB ( 赤 = 99, 緑 = 150, 青 = 156 )
HSL ( 色相 = 186°, 彩度 = 22%, 明度 = 50% )
H : 色相 ( 186° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #9c6963 : -180
16 : #9c7263 : -170
26 : #9c7c63 : -160
36 : #9c8563 : -150
46 : #9c8e63 : -140
56 : #9c9863 : -130
66 : #969c63 : -120
76 : #8d9c63 : -110
86 : #839c63 : -100
96 : #7a9c63 : -90
106 : #719c63 : -80
116 : #679c63 : -70
126 : #639c69 : -60
136 : #639c72 : -50
146 : #639c7c : -40
156 : #639c85 : -30
166 : #639c8e : -20
176 : #639c98 : -10
186 : #63969c : ±0
196 : #638d9c : +10
206 : #63839c : +20
216 : #637a9c : +30
226 : #63719c : +40
236 : #63679c : +50
246 : #69639c : +60
256 : #72639c : +70
266 : #7c639c : +80
276 : #85639c : +90
286 : #8e639c : +100
296 : #98639c : +110
306 : #9c6396 : +120
316 : #9c638d : +130
326 : #9c6383 : +140
336 : #9c637a : +150
346 : #9c6371 : +160
356 : #9c6367 : +170
176 : #639c98 : -10
177 : #639c99 : -9
178 : #639c9a : -8
179 : #639c9b : -7
180 : #639c9c : -6
181 : #639b9c : -5
182 : #639a9c : -4
183 : #63999c : -3
184 : #63989c : -2
185 : #63979c : -1
186 : #63969c : ±0
187 : #63959c : +1
188 : #63949c : +2
189 : #63939c : +3
190 : #63929c : +4
191 : #63919c : +5
192 : #63909c : +6
193 : #638f9c : +7
194 : #638e9c : +8
195 : #638e9c : +9
196 : #638d9c : +10
S : 彩度 ( 22% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7f7f7f : -22
2 : #7d8282 : -20
4 : #7a8485 : -18
6 : #788687 : -16
8 : #75888a : -14
10 : #738a8c : -12
12 : #708c8f : -10
14 : #6e8e91 : -8
16 : #6b9094 : -6
18 : #699296 : -4
20 : #669499 : -2
22 : #63969c : ±0
24 : #61989e : +2
26 : #5e9aa1 : +4
28 : #5c9ca3 : +6
30 : #599ea6 : +8
32 : #57a0a8 : +10
34 : #54a2ab : +12
36 : #52a4ad : +14
38 : #4fa6b0 : +16
40 : #4da8b3 : +18
42 : #4aaab5 : +20
44 : #47acb8 : +22
46 : #45aeba : +24
48 : #42b0bd : +26
50 : #40b3bf : +28
52 : #3db5c2 : +30
54 : #3bb7c4 : +32
56 : #38b9c7 : +34
58 : #36bbc9 : +36
60 : #33bdcc : +38
62 : #30bfcf : +40
64 : #2ec1d1 : +42
66 : #2bc3d4 : +44
68 : #29c5d6 : +46
70 : #26c7d9 : +48
72 : #24c9db : +50
74 : #21cbde : +52
76 : #1fcde0 : +54
78 : #1ccfe3 : +56
80 : #1ad1e6 : +58
82 : #17d3e8 : +60
84 : #14d5eb : +62
86 : #12d7ed : +64
88 : #0fd9f0 : +66
90 : #0ddbf2 : +68
92 : #0addf5 : +70
94 : #08dff7 : +72
96 : #05e1fa : +74
98 : #03e3fc : +76
100 : #00e6ff : +78
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #040606 : -48
4 : #080c0c : -46
6 : #0c1213 : -44
8 : #101819 : -42
10 : #141e1f : -40
12 : #182425 : -38
14 : #1c2a2c : -36
16 : #203032 : -34
18 : #243638 : -32
20 : #283c3e : -30
22 : #2c4244 : -28
24 : #30484b : -26
26 : #344e51 : -24
28 : #385457 : -22
30 : #3c5a5d : -20
32 : #406064 : -18
34 : #44666a : -16
36 : #486c70 : -14
38 : #4c7276 : -12
40 : #50787c : -10
42 : #547e83 : -8
44 : #588489 : -6
46 : #5b8a8f : -4
48 : #5f9095 : -2
50 : #63969c : ±0
52 : #6a9aa0 : +2
54 : #709ea4 : +4
56 : #76a3a7 : +6
58 : #7ca7ab : +8
60 : #83abaf : +10
62 : #89afb3 : +12
64 : #8fb3b7 : +14
66 : #95b8bb : +16
68 : #9bbcbf : +18
70 : #a2c0c3 : +20
72 : #a8c4c7 : +22
74 : #aec8cb : +24
76 : #b4cdcf : +26
78 : #bbd1d3 : +28
80 : #c1d5d7 : +30
82 : #c7d9db : +32
84 : #cddddf : +34
86 : #d3e2e3 : +36
88 : #dae6e7 : +38
90 : #e0eaeb : +40
92 : #e6eeef : +42
94 : #ecf2f3 : +44
96 : #f3f7f7 : +46
98 : #f9fbfb : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow