#897b5d
RGB ( 赤 = 137, 緑 = 123, 青 = 93 )
HSL ( 色相 = 41°, 彩度 = 19%, 明度 = 45% )
H : 色相 ( 41° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #895e5d : -40
11 : #89655d : -30
21 : #896c5d : -20
31 : #89735d : -10
41 : #897b5d : ±0
51 : #89825d : +10
61 : #88895d : +20
71 : #81895d : +30
81 : #79895d : +40
91 : #72895d : +50
101 : #6b895d : +60
111 : #63895d : +70
121 : #5d895e : +80
131 : #5d8965 : +90
141 : #5d896c : +100
151 : #5d8973 : +110
161 : #5d897b : +120
171 : #5d8982 : +130
181 : #5d8889 : +140
191 : #5d8189 : +150
201 : #5d7989 : +160
211 : #5d7289 : +170
221 : #5d6b89 : +180
231 : #5d6389 : +190
241 : #5e5d89 : +200
251 : #655d89 : +210
261 : #6c5d89 : +220
271 : #735d89 : +230
281 : #7b5d89 : +240
291 : #825d89 : +250
301 : #895d88 : +260
311 : #895d81 : +270
321 : #895d79 : +280
331 : #895d72 : +290
341 : #895d6b : +300
351 : #895d63 : +310
31 : #89735d : -10
32 : #89745d : -9
33 : #89755d : -8
34 : #89765d : -7
35 : #89765d : -6
36 : #89775d : -5
37 : #89785d : -4
38 : #89795d : -3
39 : #89795d : -2
40 : #897a5d : -1
41 : #897b5d : ±0
42 : #897b5d : +1
43 : #897c5d : +2
44 : #897d5d : +3
45 : #897e5d : +4
46 : #897e5d : +5
47 : #897f5d : +6
48 : #89805d : +7
49 : #89815d : +8
50 : #89815d : +9
51 : #89825d : +10
S : 彩度 ( 19% )
(0%) 渋い ~ 鮮やか (100%)
1 : #747372 : -18
3 : #76746f : -16
5 : #78756d : -14
7 : #7b766b : -12
9 : #7d7768 : -10
11 : #7f7766 : -8
13 : #827864 : -6
15 : #847962 : -4
17 : #867a5f : -2
19 : #897b5d : ±0
21 : #8b7c5b : +2
23 : #8d7c58 : +4
25 : #8f7d56 : +6
27 : #927e54 : +8
29 : #947f51 : +10
31 : #96804f : +12
33 : #99814d : +14
35 : #9b814b : +16
37 : #9d8248 : +18
39 : #a08346 : +20
41 : #a28444 : +22
43 : #a48541 : +24
45 : #a6863f : +26
47 : #a9873d : +28
49 : #ab873b : +30
51 : #ad8838 : +32
53 : #b08936 : +34
55 : #b28a34 : +36
57 : #b48b31 : +38
59 : #b68c2f : +40
61 : #b98c2d : +42
63 : #bb8d2a : +44
65 : #bd8e28 : +46
67 : #c08f26 : +48
69 : #c29024 : +50
71 : #c49121 : +52
73 : #c7911f : +54
75 : #c9921d : +56
77 : #cb931a : +58
79 : #cd9418 : +60
81 : #d09516 : +62
83 : #d29614 : +64
85 : #d49711 : +66
87 : #d7970f : +68
89 : #d9980d : +70
91 : #db990a : +72
93 : #dd9a08 : +74
95 : #e09b06 : +76
97 : #e29c03 : +78
99 : #e49c01 : +80
L : 明度 ( 45% )
(0%) 暗い ~ 明るい (100%)
1 : #030302 : -44
3 : #090806 : -42
5 : #0f0e0a : -40
7 : #15130e : -38
9 : #1b1913 : -36
11 : #211e17 : -34
13 : #27231b : -32
15 : #2e291f : -30
17 : #342e23 : -28
19 : #3a3427 : -26
21 : #40392b : -24
23 : #463f30 : -22
25 : #4c4434 : -20
27 : #524a38 : -18
29 : #584f3c : -16
31 : #5e5540 : -14
33 : #645a44 : -12
35 : #6a5f48 : -10
37 : #70654c : -8
39 : #766a51 : -6
41 : #7c7055 : -4
43 : #827559 : -2
45 : #897b5d : ±0
47 : #8f8061 : +2
49 : #958665 : +4
51 : #9a8b6a : +6
53 : #9e8f70 : +8
55 : #a29476 : +10
57 : #a6997d : +12
59 : #aa9e83 : +14
61 : #aea289 : +16
63 : #b3a78f : +18
65 : #b7ac95 : +20
67 : #bbb19b : +22
69 : #bfb5a1 : +24
71 : #c3baa7 : +26
73 : #c7bfad : +28
75 : #cbc4b3 : +30
77 : #cfc8b9 : +32
79 : #d4cdbf : +34
81 : #d8d2c5 : +36
83 : #dcd7cb : +38
85 : #e0dbd1 : +40
87 : #e4e0d8 : +42
89 : #e8e5de : +44
91 : #eceae4 : +46
93 : #f1eeea : +48
95 : #f5f3f0 : +50
97 : #f9f8f6 : +52
99 : #fdfdfc : +54
CSS入門、作ってます。
text-shadow