#a86774
RGB ( 赤 = 168, 緑 = 103, 青 = 116 )
HSL ( 色相 = 348°, 彩度 = 27%, 明度 = 53% )
H : 色相 ( 348° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #a86f67 : -340
18 : #a87a67 : -330
28 : #a88567 : -320
38 : #a89067 : -310
48 : #a89b67 : -300
58 : #a8a567 : -290
68 : #9fa867 : -280
78 : #94a867 : -270
88 : #89a867 : -260
98 : #7fa867 : -250
108 : #74a867 : -240
118 : #69a867 : -230
128 : #67a86f : -220
138 : #67a87a : -210
148 : #67a885 : -200
158 : #67a890 : -190
168 : #67a89b : -180
178 : #67a8a5 : -170
188 : #679fa8 : -160
198 : #6794a8 : -150
208 : #6789a8 : -140
218 : #677fa8 : -130
228 : #6774a8 : -120
238 : #6769a8 : -110
248 : #6f67a8 : -100
258 : #7a67a8 : -90
268 : #8567a8 : -80
278 : #9067a8 : -70
288 : #9b67a8 : -60
298 : #a567a8 : -50
308 : #a8679f : -40
318 : #a86794 : -30
328 : #a86789 : -20
338 : #a8677f : -10
348 : #a86774 : ±0
358 : #a86769 : +10
338 : #a8677f : -10
339 : #a8677d : -9
340 : #a8677c : -8
341 : #a8677b : -7
342 : #a8677a : -6
343 : #a86779 : -5
344 : #a86778 : -4
345 : #a86777 : -3
346 : #a86776 : -2
347 : #a86775 : -1
348 : #a86774 : ±0
349 : #a86773 : +1
350 : #a86772 : +2
351 : #a86770 : +3
352 : #a8676f : +4
353 : #a8676e : +5
354 : #a8676d : +6
355 : #a8676c : +7
356 : #a8676b : +8
357 : #a8676a : +9
358 : #a86769 : +10
S : 彩度 ( 27% )
(0%) 渋い ~ 鮮やか (100%)
1 : #888686 : -26
3 : #8b8485 : -24
5 : #8d8184 : -22
7 : #907f82 : -20
9 : #927c81 : -18
11 : #947a7f : -16
13 : #97787e : -14
15 : #99757c : -12
17 : #9c737b : -10
19 : #9e7079 : -8
21 : #a06e78 : -6
23 : #a36c77 : -4
25 : #a56975 : -2
27 : #a86774 : ±0
29 : #aa6472 : +2
31 : #ac6271 : +4
33 : #af606f : +6
35 : #b15d6e : +8
37 : #b35b6d : +10
39 : #b6586b : +12
41 : #b8566a : +14
43 : #bb5468 : +16
45 : #bd5167 : +18
47 : #bf4f65 : +20
49 : #c24c64 : +22
51 : #c44a62 : +24
53 : #c74861 : +26
55 : #c94560 : +28
57 : #cb435e : +30
59 : #ce405d : +32
61 : #d03e5b : +34
63 : #d33c5a : +36
65 : #d53958 : +38
67 : #d73757 : +40
69 : #da3456 : +42
71 : #dc3254 : +44
73 : #df3053 : +46
75 : #e12d51 : +48
77 : #e32b50 : +50
79 : #e6284e : +52
81 : #e8264d : +54
83 : #eb244b : +56
85 : #ed214a : +58
87 : #ef1f49 : +60
89 : #f21c47 : +62
91 : #f41a46 : +64
93 : #f71844 : +66
95 : #f91543 : +68
97 : #fb1341 : +70
99 : #fe1040 : +72
L : 明度 ( 53% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -52
3 : #0a0606 : -50
5 : #10090b : -48
7 : #170d0f : -46
9 : #1d1113 : -44
11 : #241418 : -42
13 : #2a181c : -40
15 : #311c20 : -38
17 : #372024 : -36
19 : #3e2329 : -34
21 : #44272d : -32
23 : #4a2b31 : -30
25 : #512f35 : -28
27 : #57323a : -26
29 : #5e363e : -24
31 : #643a42 : -22
33 : #6b3d47 : -20
35 : #71414b : -18
37 : #78454f : -16
39 : #7e4953 : -14
41 : #854c58 : -12
43 : #8b505c : -10
45 : #925460 : -8
47 : #985764 : -6
49 : #9f5b69 : -4
51 : #a4606e : -2
53 : #a86774 : ±0
55 : #ab6d7a : +2
57 : #af7480 : +4
59 : #b37a86 : +6
61 : #b6818b : +8
63 : #ba8791 : +10
65 : #be8e97 : +12
67 : #c2949d : +14
69 : #c59ba3 : +16
71 : #c9a1a9 : +18
73 : #cda8af : +20
75 : #d0aeb5 : +22
77 : #d4b5bb : +24
79 : #d8bbc1 : +26
81 : #dcc1c7 : +28
83 : #dfc8cd : +30
85 : #e3ced3 : +32
87 : #e7d5d8 : +34
89 : #ebdbde : +36
91 : #eee2e4 : +38
93 : #f2e8ea : +40
95 : #f6eff0 : +42
97 : #f9f5f6 : +44
99 : #fdfcfc : +46
CSS入門、作ってます。
text-shadow