#8f9861
RGB ( 赤 = 143, 緑 = 152, 青 = 97 )
HSL ( 色相 = 70°, 彩度 = 22%, 明度 = 49% )
H : 色相 ( 70° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #986161 : -70
10 : #986b61 : -60
20 : #987461 : -50
30 : #987d61 : -40
40 : #988661 : -30
50 : #988f61 : -20
60 : #989861 : -10
70 : #8f9861 : ±0
80 : #869861 : +10
90 : #7d9861 : +20
100 : #749861 : +30
110 : #6b9861 : +40
120 : #619861 : +50
130 : #61986b : +60
140 : #619874 : +70
150 : #61987d : +80
160 : #619886 : +90
170 : #61988f : +100
180 : #619898 : +110
190 : #618f98 : +120
200 : #618698 : +130
210 : #617d98 : +140
220 : #617498 : +150
230 : #616b98 : +160
240 : #616198 : +170
250 : #6b6198 : +180
260 : #746198 : +190
270 : #7d6198 : +200
280 : #866198 : +210
290 : #8f6198 : +220
300 : #986198 : +230
310 : #98618f : +240
320 : #986186 : +250
330 : #98617d : +260
340 : #986174 : +270
350 : #98616b : +280
60 : #989861 : -10
61 : #989861 : -9
62 : #979861 : -8
63 : #969861 : -7
64 : #959861 : -6
65 : #949861 : -5
66 : #939861 : -4
67 : #929861 : -3
68 : #919861 : -2
69 : #909861 : -1
70 : #8f9861 : ±0
71 : #8e9861 : +1
72 : #8d9861 : +2
73 : #8d9861 : +3
74 : #8c9861 : +4
75 : #8b9861 : +5
76 : #8a9861 : +6
77 : #899861 : +7
78 : #889861 : +8
79 : #879861 : +9
80 : #869861 : +10
S : 彩度 ( 22% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7c7c7c : -22
2 : #7f7f7a : -20
4 : #808278 : -18
6 : #828475 : -16
8 : #848773 : -14
10 : #858970 : -12
12 : #878c6e : -10
14 : #898e6b : -8
16 : #8a9169 : -6
18 : #8c9366 : -4
20 : #8e9664 : -2
22 : #8f9861 : ±0
24 : #919b5f : +2
26 : #939d5c : +4
28 : #94a05a : +6
30 : #96a257 : +8
32 : #98a555 : +10
34 : #99a752 : +12
36 : #9baa50 : +14
38 : #9dac4d : +16
40 : #9eaf4b : +18
42 : #a0b148 : +20
44 : #a2b446 : +22
46 : #a3b643 : +24
48 : #a5b941 : +26
50 : #a7bb3e : +28
52 : #a8be3c : +30
54 : #aac039 : +32
56 : #acc337 : +34
58 : #adc534 : +36
60 : #afc832 : +38
62 : #b1ca2f : +40
64 : #b2cd2d : +42
66 : #b4cf2a : +44
68 : #b6d228 : +46
70 : #b7d425 : +48
72 : #b9d723 : +50
74 : #bbd920 : +52
76 : #bcdc1e : +54
78 : #bede1b : +56
80 : #c0e119 : +58
82 : #c1e316 : +60
84 : #c3e614 : +62
86 : #c5e811 : +64
88 : #c6eb0f : +66
90 : #c8ed0c : +68
92 : #caf00a : +70
94 : #cbf207 : +72
96 : #cdf505 : +74
98 : #cff702 : +76
100 : #d0fa00 : +78
L : 明度 ( 49% )
(0%) 暗い ~ 明るい (100%)
1 : #030302 : -48
3 : #090906 : -46
5 : #0f100a : -44
7 : #14160e : -42
9 : #1a1c12 : -40
11 : #202216 : -38
13 : #26281a : -36
15 : #2c2f1e : -34
17 : #323522 : -32
19 : #383b26 : -30
21 : #3d412a : -28
23 : #43482e : -26
25 : #494e32 : -24
27 : #4f5436 : -22
29 : #555a3a : -20
31 : #5b603e : -18
33 : #606742 : -16
35 : #666d46 : -14
37 : #6c734a : -12
39 : #72794e : -10
41 : #788052 : -8
43 : #7e8656 : -6
45 : #848c5a : -4
47 : #89925d : -2
49 : #8f9861 : ±0
51 : #949e67 : +2
53 : #99a26d : +4
55 : #9da573 : +6
57 : #a1a979 : +8
59 : #a6ad7f : +10
61 : #aab186 : +12
63 : #aeb58c : +14
65 : #b3b992 : +16
67 : #b7bd98 : +18
69 : #bcc19f : +20
71 : #c0c5a5 : +22
73 : #c4c9ab : +24
75 : #c9cdb1 : +26
77 : #cdd1b7 : +28
79 : #d1d5be : +30
81 : #d6d9c4 : +32
83 : #daddca : +34
85 : #dee1d0 : +36
87 : #e3e5d7 : +38
89 : #e7e9dd : +40
91 : #ebede3 : +42
93 : #f0f1e9 : +44
95 : #f4f5ef : +46
97 : #f8f9f6 : +48
99 : #fdfdfc : +50
CSS入門、作ってます。
text-shadow