#896e61
RGB ( 赤 = 137, 緑 = 110, 青 = 97 )
HSL ( 色相 = 20°, 彩度 = 17%, 明度 = 46% )
H : 色相 ( 20° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #896161 : -20
10 : #896861 : -10
20 : #896f61 : ±0
30 : #897561 : +10
40 : #897c61 : +20
50 : #898361 : +30
60 : #898961 : +40
70 : #838961 : +50
80 : #7c8961 : +60
90 : #758961 : +70
100 : #6f8961 : +80
110 : #688961 : +90
120 : #618961 : +100
130 : #618968 : +110
140 : #61896f : +120
150 : #618975 : +130
160 : #61897c : +140
170 : #618983 : +150
180 : #618989 : +160
190 : #618389 : +170
200 : #617c89 : +180
210 : #617589 : +190
220 : #616f89 : +200
230 : #616889 : +210
240 : #616189 : +220
250 : #686189 : +230
260 : #6f6189 : +240
270 : #756189 : +250
280 : #7c6189 : +260
290 : #836189 : +270
300 : #896189 : +280
310 : #896183 : +290
320 : #89617c : +300
330 : #896175 : +310
340 : #89616f : +320
350 : #896168 : +330
10 : #896861 : -10
11 : #896961 : -9
12 : #896961 : -8
13 : #896a61 : -7
14 : #896b61 : -6
15 : #896b61 : -5
16 : #896c61 : -4
17 : #896d61 : -3
18 : #896d61 : -2
19 : #896e61 : -1
20 : #896f61 : ±0
21 : #896f61 : +1
22 : #897061 : +2
23 : #897161 : +3
24 : #897161 : +4
25 : #897261 : +5
26 : #897361 : +6
27 : #897361 : +7
28 : #897461 : +8
29 : #897561 : +9
30 : #897561 : +10
S : 彩度 ( 17% )
(0%) 渋い ~ 鮮やか (100%)
1 : #767574 : -16
3 : #797472 : -14
5 : #7b736f : -12
7 : #7e736d : -10
9 : #80726b : -8
11 : #827168 : -6
13 : #857066 : -4
15 : #876f64 : -2
17 : #896f61 : ±0
19 : #8c6e5f : +2
21 : #8e6d5d : +4
23 : #906c5a : +6
25 : #936c58 : +8
27 : #956b56 : +10
29 : #976a53 : +12
31 : #9a6951 : +14
33 : #9c684f : +16
35 : #9e684c : +18
37 : #a1674a : +20
39 : #a36648 : +22
41 : #a56545 : +24
43 : #a86443 : +26
45 : #aa6441 : +28
47 : #ac633e : +30
49 : #af623c : +32
51 : #b16139 : +34
53 : #b36137 : +36
55 : #b66035 : +38
57 : #b85f32 : +40
59 : #bb5e30 : +42
61 : #bd5d2e : +44
63 : #bf5d2b : +46
65 : #c25c29 : +48
67 : #c45b27 : +50
69 : #c65a24 : +52
71 : #c95a22 : +54
73 : #cb5920 : +56
75 : #cd581d : +58
77 : #d0571b : +60
79 : #d25619 : +62
81 : #d45616 : +64
83 : #d75514 : +66
85 : #d95412 : +68
87 : #db530f : +70
89 : #de530d : +72
91 : #e0520b : +74
93 : #e25108 : +76
95 : #e55006 : +78
97 : #e74f04 : +80
99 : #e94f01 : +82
L : 明度 ( 46% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -46
2 : #060504 : -44
4 : #0c0a08 : -42
6 : #120e0d : -40
8 : #181311 : -38
10 : #1e1815 : -36
12 : #241d19 : -34
14 : #2a221e : -32
16 : #302622 : -30
18 : #362b26 : -28
20 : #3c302a : -26
22 : #42352f : -24
24 : #483a33 : -22
26 : #4e3f37 : -20
28 : #54433b : -18
30 : #5a483f : -16
32 : #5f4d44 : -14
34 : #655248 : -12
36 : #6b574c : -10
38 : #715b50 : -8
40 : #776055 : -6
42 : #7d6559 : -4
44 : #836a5d : -2
46 : #896f61 : ±0
48 : #8f7366 : +2
50 : #95786a : +4
52 : #997e70 : +6
54 : #9e8376 : +8
56 : #a2887c : +10
58 : #a68e82 : +12
60 : #aa9388 : +14
62 : #af998e : +16
64 : #b39e94 : +18
66 : #b7a39a : +20
68 : #bba9a0 : +22
70 : #c0aea5 : +24
72 : #c4b4ab : +26
74 : #c8b9b1 : +28
76 : #ccbeb7 : +30
78 : #d0c4bd : +32
80 : #d5c9c3 : +34
82 : #d9cec9 : +36
84 : #ddd4cf : +38
86 : #e1d9d5 : +40
88 : #e6dfdb : +42
90 : #eae4e1 : +44
92 : #eee9e7 : +46
94 : #f2efed : +48
96 : #f7f4f3 : +50
98 : #fbfaf9 : +52
100 : #ffffff : +54
CSS入門、作ってます。
text-shadow