#897f70
RGB ( 赤 = 137, 緑 = 127, 青 = 112 )
HSL ( 色相 = 36°, 彩度 = 10%, 明度 = 49% )
H : 色相 ( 36° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #897370 : -30
16 : #897770 : -20
26 : #897b70 : -10
36 : #897f70 : ±0
46 : #898470 : +10
56 : #898870 : +20
66 : #878970 : +30
76 : #838970 : +40
86 : #7f8970 : +50
96 : #7a8970 : +60
106 : #768970 : +70
116 : #728970 : +80
126 : #708973 : +90
136 : #708977 : +100
146 : #70897b : +110
156 : #70897f : +120
166 : #708984 : +130
176 : #708988 : +140
186 : #708789 : +150
196 : #708389 : +160
206 : #707f89 : +170
216 : #707a89 : +180
226 : #707689 : +190
236 : #707289 : +200
246 : #737089 : +210
256 : #777089 : +220
266 : #7b7089 : +230
276 : #7f7089 : +240
286 : #847089 : +250
296 : #887089 : +260
306 : #897087 : +270
316 : #897083 : +280
326 : #89707f : +290
336 : #89707a : +300
346 : #897076 : +310
356 : #897072 : +320
26 : #897b70 : -10
27 : #897c70 : -9
28 : #897c70 : -8
29 : #897d70 : -7
30 : #897d70 : -6
31 : #897d70 : -5
32 : #897e70 : -4
33 : #897e70 : -3
34 : #897f70 : -2
35 : #897f70 : -1
36 : #897f70 : ±0
37 : #898070 : +1
38 : #898070 : +2
39 : #898170 : +3
40 : #898170 : +4
41 : #898270 : +5
42 : #898270 : +6
43 : #898270 : +7
44 : #898370 : +8
45 : #898370 : +9
46 : #898470 : +10
S : 彩度 ( 10% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7c7c7c : -10
2 : #7f7d7a : -8
4 : #827e78 : -6
6 : #847e75 : -4
8 : #877f73 : -2
10 : #897f70 : ±0
12 : #8c806e : +2
14 : #8e806b : +4
16 : #918169 : +6
18 : #938166 : +8
20 : #968264 : +10
22 : #988261 : +12
24 : #9b835f : +14
26 : #9d835c : +16
28 : #a0845a : +18
30 : #a28457 : +20
32 : #a58555 : +22
34 : #a78552 : +24
36 : #aa8650 : +26
38 : #ac864d : +28
40 : #af874b : +30
42 : #b18748 : +32
44 : #b48846 : +34
46 : #b68843 : +36
48 : #b98941 : +38
50 : #bb893e : +40
52 : #be8a3c : +42
54 : #c08a39 : +44
56 : #c38b37 : +46
58 : #c58b34 : +48
60 : #c88c32 : +50
62 : #ca8c2f : +52
64 : #cd8d2d : +54
66 : #cf8d2a : +56
68 : #d28e28 : +58
70 : #d48e25 : +60
72 : #d78f23 : +62
74 : #d98f20 : +64
76 : #dc901e : +66
78 : #de901b : +68
80 : #e19119 : +70
82 : #e39116 : +72
84 : #e69214 : +74
86 : #e89211 : +76
88 : #eb930f : +78
90 : #ed930c : +80
92 : #f0940a : +82
94 : #f29407 : +84
96 : #f59505 : +86
98 : #f79502 : +88
100 : #fa9600 : +90
L : 明度 ( 49% )
(0%) 暗い ~ 明るい (100%)
1 : #030302 : -48
3 : #080807 : -46
5 : #0e0d0b : -44
7 : #141210 : -42
9 : #191715 : -40
11 : #1f1d19 : -38
13 : #24221e : -36
15 : #2a2722 : -34
17 : #302c27 : -32
19 : #35312c : -30
21 : #3b3730 : -28
23 : #413c35 : -26
25 : #464139 : -24
27 : #4c463e : -22
29 : #514b43 : -20
31 : #575147 : -18
33 : #5d564c : -16
35 : #625b50 : -14
37 : #686055 : -12
39 : #6d655a : -10
41 : #736b5e : -8
43 : #797063 : -6
45 : #7e7567 : -4
47 : #847a6c : -2
49 : #897f70 : ±0
51 : #8f8576 : +2
53 : #938a7b : +4
55 : #988f81 : +6
57 : #9c9486 : +8
59 : #a1998c : +10
61 : #a59e92 : +12
63 : #aaa397 : +14
65 : #afa89d : +16
67 : #b3ada2 : +18
69 : #b8b2a8 : +20
71 : #bcb7ae : +22
73 : #c1bcb3 : +24
75 : #c6c1b9 : +26
77 : #cac6be : +28
79 : #cfcbc4 : +30
81 : #d3d0ca : +32
83 : #d8d5cf : +34
85 : #dddad5 : +36
87 : #e1dfdb : +38
89 : #e6e4e0 : +40
91 : #eae9e6 : +42
93 : #efeeeb : +44
95 : #f4f3f1 : +46
97 : #f8f8f7 : +48
99 : #fdfdfc : +50
CSS入門、作ってます。
text-shadow