#896f61
RGB ( 赤 = 137, 緑 = 111, 青 = 97 )
HSL ( 色相 = 21°, 彩度 = 17%, 明度 = 46% )
H : 色相 ( 21° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #896261 : -20
11 : #896961 : -10
21 : #896f61 : ±0
31 : #897661 : +10
41 : #897d61 : +20
51 : #898361 : +30
61 : #898961 : +40
71 : #828961 : +50
81 : #7b8961 : +60
91 : #758961 : +70
101 : #6e8961 : +80
111 : #678961 : +90
121 : #618962 : +100
131 : #618969 : +110
141 : #61896f : +120
151 : #618976 : +130
161 : #61897d : +140
171 : #618983 : +150
181 : #618989 : +160
191 : #618289 : +170
201 : #617b89 : +180
211 : #617589 : +190
221 : #616e89 : +200
231 : #616789 : +210
241 : #626189 : +220
251 : #696189 : +230
261 : #6f6189 : +240
271 : #766189 : +250
281 : #7d6189 : +260
291 : #836189 : +270
301 : #896189 : +280
311 : #896182 : +290
321 : #89617b : +300
331 : #896175 : +310
341 : #89616e : +320
351 : #896167 : +330
11 : #896961 : -10
12 : #896961 : -9
13 : #896a61 : -8
14 : #896b61 : -7
15 : #896b61 : -6
16 : #896c61 : -5
17 : #896d61 : -4
18 : #896d61 : -3
19 : #896e61 : -2
20 : #896f61 : -1
21 : #896f61 : ±0
22 : #897061 : +1
23 : #897161 : +2
24 : #897161 : +3
25 : #897261 : +4
26 : #897361 : +5
27 : #897361 : +6
28 : #897461 : +7
29 : #897561 : +8
30 : #897561 : +9
31 : #897661 : +10
S : 彩度 ( 17% )
(0%) 渋い ~ 鮮やか (100%)
1 : #767574 : -16
3 : #797472 : -14
5 : #7b746f : -12
7 : #7e736d : -10
9 : #80726b : -8
11 : #827168 : -6
13 : #857166 : -4
15 : #877064 : -2
17 : #896f61 : ±0
19 : #8c6f5f : +2
21 : #8e6e5d : +4
23 : #906d5a : +6
25 : #936d58 : +8
27 : #956c56 : +10
29 : #976b53 : +12
31 : #9a6a51 : +14
33 : #9c6a4f : +16
35 : #9e694c : +18
37 : #a1684a : +20
39 : #a36848 : +22
41 : #a56745 : +24
43 : #a86643 : +26
45 : #aa6541 : +28
47 : #ac653e : +30
49 : #af643c : +32
51 : #b16339 : +34
53 : #b36337 : +36
55 : #b66235 : +38
57 : #b86132 : +40
59 : #bb6130 : +42
61 : #bd602e : +44
63 : #bf5f2b : +46
65 : #c25e29 : +48
67 : #c45e27 : +50
69 : #c65d24 : +52
71 : #c95c22 : +54
73 : #cb5c20 : +56
75 : #cd5b1d : +58
77 : #d05a1b : +60
79 : #d25919 : +62
81 : #d45916 : +64
83 : #d75814 : +66
85 : #d95712 : +68
87 : #db570f : +70
89 : #de560d : +72
91 : #e0550b : +74
93 : #e25508 : +76
95 : #e55406 : +78
97 : #e75304 : +80
99 : #e95201 : +82
L : 明度 ( 46% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -46
2 : #060504 : -44
4 : #0c0a08 : -42
6 : #120f0d : -40
8 : #181311 : -38
10 : #1e1815 : -36
12 : #241d19 : -34
14 : #2a221e : -32
16 : #302722 : -30
18 : #362c26 : -28
20 : #3c302a : -26
22 : #42352f : -24
24 : #483a33 : -22
26 : #4e3f37 : -20
28 : #54443b : -18
30 : #5a493f : -16
32 : #5f4d44 : -14
34 : #655248 : -12
36 : #6b574c : -10
38 : #715c50 : -8
40 : #776155 : -6
42 : #7d6659 : -4
44 : #836a5d : -2
46 : #896f61 : ±0
48 : #8f7466 : +2
50 : #95796a : +4
52 : #997e70 : +6
54 : #9e8476 : +8
56 : #a2897c : +10
58 : #a68e82 : +12
60 : #aa9488 : +14
62 : #af998e : +16
64 : #b39f94 : +18
66 : #b7a49a : +20
68 : #bba9a0 : +22
70 : #c0afa5 : +24
72 : #c4b4ab : +26
74 : #c8b9b1 : +28
76 : #ccbfb7 : +30
78 : #d0c4bd : +32
80 : #d5c9c3 : +34
82 : #d9cfc9 : +36
84 : #ddd4cf : +38
86 : #e1d9d5 : +40
88 : #e6dfdb : +42
90 : #eae4e1 : +44
92 : #eeeae7 : +46
94 : #f2efed : +48
96 : #f7f4f3 : +50
98 : #fbfaf9 : +52
100 : #ffffff : +54
CSS入門、作ってます。
text-shadow