#676392
RGB ( 赤 = 103, 緑 = 99, 青 = 146 )
HSL ( 色相 = 245°, 彩度 = 19%, 明度 = 48% )
H : 色相 ( 245° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #926763 : -240
15 : #926f63 : -230
25 : #927763 : -220
35 : #927e63 : -210
45 : #928663 : -200
55 : #928e63 : -190
65 : #8e9263 : -180
75 : #869263 : -170
85 : #7e9263 : -160
95 : #779263 : -150
105 : #6f9263 : -140
115 : #679263 : -130
125 : #639267 : -120
135 : #63926f : -110
145 : #639277 : -100
155 : #63927e : -90
165 : #639286 : -80
175 : #63928e : -70
185 : #638e92 : -60
195 : #638692 : -50
205 : #637e92 : -40
215 : #637792 : -30
225 : #636f92 : -20
235 : #636792 : -10
245 : #676392 : ±0
255 : #6f6392 : +10
265 : #776392 : +20
275 : #7e6392 : +30
285 : #866392 : +40
295 : #8e6392 : +50
305 : #92638e : +60
315 : #926386 : +70
325 : #92637e : +80
335 : #926377 : +90
345 : #92636f : +100
355 : #926367 : +110
235 : #636792 : -10
236 : #636692 : -9
237 : #636592 : -8
238 : #636592 : -7
239 : #636492 : -6
240 : #636392 : -5
241 : #646392 : -4
242 : #656392 : -3
243 : #656392 : -2
244 : #666392 : -1
245 : #676392 : ±0
246 : #686392 : +1
247 : #696392 : +2
248 : #696392 : +3
249 : #6a6392 : +4
250 : #6b6392 : +5
251 : #6c6392 : +6
252 : #6c6392 : +7
253 : #6d6392 : +8
254 : #6e6392 : +9
255 : #6f6392 : +10
S : 彩度 ( 19% )
(0%) 渋い ~ 鮮やか (100%)
1 : #79797c : -18
3 : #77777e : -16
5 : #757481 : -14
7 : #737283 : -12
9 : #716f85 : -10
11 : #6f6d88 : -8
13 : #6d6a8a : -6
15 : #6b688d : -4
17 : #69668f : -2
19 : #676392 : ±0
21 : #656194 : +2
23 : #635e97 : +4
25 : #615c99 : +6
27 : #5f599b : +8
29 : #5d579e : +10
31 : #5b54a0 : +12
33 : #5952a3 : +14
35 : #5750a5 : +16
37 : #554da8 : +18
39 : #534baa : +20
41 : #5148ad : +22
43 : #4f46af : +24
45 : #4d43b1 : +26
47 : #4a41b4 : +28
49 : #483eb6 : +30
51 : #463cb9 : +32
53 : #443abb : +34
55 : #4237be : +36
57 : #4035c0 : +38
59 : #3e32c3 : +40
61 : #3c30c5 : +42
63 : #3a2dc8 : +44
65 : #382bca : +46
67 : #3628cc : +48
69 : #3426cf : +50
71 : #3223d1 : +52
73 : #3021d4 : +54
75 : #2e1fd6 : +56
77 : #2c1cd9 : +58
79 : #2a1adb : +60
81 : #2817de : +62
83 : #2615e0 : +64
85 : #2412e2 : +66
87 : #2210e5 : +68
89 : #200de7 : +70
91 : #1e0bea : +72
93 : #1c09ec : +74
95 : #1a06ef : +76
97 : #1704f1 : +78
99 : #1501f4 : +80
L : 明度 ( 48% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -48
2 : #040406 : -46
4 : #09080c : -44
6 : #0d0c12 : -42
8 : #111118 : -40
10 : #15151e : -38
12 : #1a1924 : -36
14 : #1e1d2a : -34
16 : #222131 : -32
18 : #272537 : -30
20 : #2b293d : -28
22 : #2f2d43 : -26
24 : #343249 : -24
26 : #38364f : -22
28 : #3c3a55 : -20
30 : #403e5b : -18
32 : #454261 : -16
34 : #494667 : -14
36 : #4d4a6d : -12
38 : #524e73 : -10
40 : #565379 : -8
42 : #5a577f : -6
44 : #5e5b86 : -4
46 : #635f8c : -2
48 : #676392 : ±0
50 : #6b6798 : +2
52 : #716d9c : +4
54 : #7773a0 : +6
56 : #7d79a4 : +8
58 : #8380a8 : +10
60 : #8986ac : +12
62 : #8f8cb1 : +14
64 : #9592b5 : +16
66 : #9b98b9 : +18
68 : #a09ebd : +20
70 : #a6a4c1 : +22
72 : #acaac5 : +24
74 : #b2b0c9 : +26
76 : #b8b6cd : +28
78 : #bebcd2 : +30
80 : #c4c2d6 : +32
82 : #cac8da : +34
84 : #d0cede : +36
86 : #d6d5e2 : +38
88 : #dcdbe6 : +40
90 : #e1e1ea : +42
92 : #e7e7ee : +44
94 : #ededf3 : +46
96 : #f3f3f7 : +48
98 : #f9f9fb : +50
100 : #ffffff : +52
CSS入門、作ってます。
text-shadow