#696eab
RGB ( 赤 = 105, 緑 = 110, 青 = 171 )
HSL ( 色相 = 235°, 彩度 = 28%, 明度 = 54% )
H : 色相 ( 235° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #ab6e69 : -230
15 : #ab7969 : -220
25 : #ab8469 : -210
35 : #ab8f69 : -200
45 : #ab9a69 : -190
55 : #aba569 : -180
65 : #a5ab69 : -170
75 : #9aab69 : -160
85 : #8fab69 : -150
95 : #84ab69 : -140
105 : #79ab69 : -130
115 : #6eab69 : -120
125 : #69ab6e : -110
135 : #69ab79 : -100
145 : #69ab84 : -90
155 : #69ab8f : -80
165 : #69ab9a : -70
175 : #69aba5 : -60
185 : #69a5ab : -50
195 : #699aab : -40
205 : #698fab : -30
215 : #6984ab : -20
225 : #6979ab : -10
235 : #696eab : ±0
245 : #6e69ab : +10
255 : #7969ab : +20
265 : #8469ab : +30
275 : #8f69ab : +40
285 : #9a69ab : +50
295 : #a569ab : +60
305 : #ab69a5 : +70
315 : #ab699a : +80
325 : #ab698f : +90
335 : #ab6984 : +100
345 : #ab6979 : +110
355 : #ab696e : +120
225 : #6979ab : -10
226 : #6978ab : -9
227 : #6977ab : -8
228 : #6976ab : -7
229 : #6975ab : -6
230 : #6974ab : -5
231 : #6973ab : -4
232 : #6972ab : -3
233 : #6971ab : -2
234 : #696fab : -1
235 : #696eab : ±0
236 : #696dab : +1
237 : #696cab : +2
238 : #696bab : +3
239 : #696aab : +4
240 : #6969ab : +5
241 : #6a69ab : +6
242 : #6b69ab : +7
243 : #6c69ab : +8
244 : #6d69ab : +9
245 : #6e69ab : +10
S : 彩度 ( 28% )
(0%) 渋い ~ 鮮やか (100%)
0 : #898989 : -28
2 : #87888c : -26
4 : #85868e : -24
6 : #838491 : -22
8 : #808293 : -20
10 : #7e8095 : -18
12 : #7c7e98 : -16
14 : #797c9a : -14
16 : #777a9c : -12
18 : #75789f : -10
20 : #7276a1 : -8
22 : #7074a4 : -6
24 : #6e72a6 : -4
26 : #6b70a8 : -2
28 : #696eab : ±0
30 : #676cad : +2
32 : #646aaf : +4
34 : #6268b2 : +6
36 : #5f67b4 : +8
38 : #5d65b6 : +10
40 : #5b63b9 : +12
42 : #5861bb : +14
44 : #565fbd : +16
46 : #545dc0 : +18
48 : #515bc2 : +20
50 : #4f59c4 : +22
52 : #4d57c7 : +24
54 : #4a55c9 : +26
56 : #4853cb : +28
58 : #4651ce : +30
60 : #434fd0 : +32
62 : #414dd2 : +34
64 : #3f4bd5 : +36
66 : #3c49d7 : +38
68 : #3a47d9 : +40
70 : #3845dc : +42
72 : #3543de : +44
74 : #3341e1 : +46
76 : #313fe3 : +48
78 : #2e3de5 : +50
80 : #2c3ce8 : +52
82 : #2a3aea : +54
84 : #2738ec : +56
86 : #2536ef : +58
88 : #2234f1 : +60
90 : #2032f3 : +62
92 : #1e30f6 : +64
94 : #1b2ef8 : +66
96 : #192cfa : +68
98 : #172afd : +70
100 : #1428ff : +72
L : 明度 ( 54% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -54
2 : #040407 : -52
4 : #07080d : -50
6 : #0b0c14 : -48
8 : #0f101a : -46
10 : #121421 : -44
12 : #161727 : -42
14 : #1a1b2e : -40
16 : #1d1f34 : -38
18 : #21233b : -36
20 : #252741 : -34
22 : #282b48 : -32
24 : #2c2f4e : -30
26 : #303355 : -28
28 : #33375b : -26
30 : #373b62 : -24
32 : #3b3f68 : -22
34 : #3e426f : -20
36 : #424676 : -18
38 : #464a7c : -16
40 : #494e83 : -14
42 : #4d5289 : -12
44 : #515690 : -10
46 : #545a96 : -8
48 : #585e9d : -6
50 : #5c62a3 : -4
52 : #6268a7 : -2
54 : #696eab : ±0
56 : #6f75ae : +2
58 : #767bb2 : +4
60 : #7c81b6 : +6
62 : #8387b9 : +8
64 : #898ebd : +10
66 : #9094c1 : +12
68 : #979ac4 : +14
70 : #9da1c8 : +16
72 : #a4a7cc : +18
74 : #aaadcf : +20
76 : #b1b4d3 : +22
78 : #b7bad7 : +24
80 : #bec0da : +26
82 : #c4c6de : +28
84 : #cbcde2 : +30
86 : #d1d3e5 : +32
88 : #d8d9e9 : +34
90 : #dee0ed : +36
92 : #e5e6f0 : +38
94 : #ebecf4 : +40
96 : #f2f2f8 : +42
98 : #f8f9fb : +44
100 : #ffffff : +46
CSS入門、作ってます。
text-shadow