#896168
RGB ( 赤 = 137, 緑 = 97, 青 = 104 )
HSL ( 色相 = 350°, 彩度 = 17%, 明度 = 46% )
H : 色相 ( 350° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #896161 : -350
10 : #896861 : -340
20 : #896f61 : -330
30 : #897561 : -320
40 : #897c61 : -310
50 : #898361 : -300
60 : #898961 : -290
70 : #838961 : -280
80 : #7c8961 : -270
90 : #758961 : -260
100 : #6f8961 : -250
110 : #688961 : -240
120 : #618961 : -230
130 : #618968 : -220
140 : #61896f : -210
150 : #618975 : -200
160 : #61897c : -190
170 : #618983 : -180
180 : #618989 : -170
190 : #618389 : -160
200 : #617c89 : -150
210 : #617589 : -140
220 : #616f89 : -130
230 : #616889 : -120
240 : #616189 : -110
250 : #686189 : -100
260 : #6f6189 : -90
270 : #756189 : -80
280 : #7c6189 : -70
290 : #836189 : -60
300 : #896189 : -50
310 : #896183 : -40
320 : #89617c : -30
330 : #896175 : -20
340 : #89616f : -10
350 : #896168 : ±0
340 : #89616f : -10
341 : #89616e : -9
342 : #89616d : -8
343 : #89616d : -7
344 : #89616c : -6
345 : #89616b : -5
346 : #89616b : -4
347 : #89616a : -3
348 : #896169 : -2
349 : #896169 : -1
350 : #896168 : ±0
351 : #896167 : +1
352 : #896167 : +2
353 : #896166 : +3
354 : #896165 : +4
355 : #896165 : +5
356 : #896164 : +6
357 : #896163 : +7
358 : #896163 : +8
359 : #896162 : +9
0 : #896161 : -350
S : 彩度 ( 17% )
(0%) 渋い ~ 鮮やか (100%)
1 : #767475 : -16
3 : #797273 : -14
5 : #7b6f71 : -12
7 : #7e6d70 : -10
9 : #806b6e : -8
11 : #82686d : -6
13 : #85666b : -4
15 : #87646a : -2
17 : #896168 : ±0
19 : #8c5f66 : +2
21 : #8e5d65 : +4
23 : #905a63 : +6
25 : #935862 : +8
27 : #955660 : +10
29 : #97535f : +12
31 : #9a515d : +14
33 : #9c4f5b : +16
35 : #9e4c5a : +18
37 : #a14a58 : +20
39 : #a34857 : +22
41 : #a54555 : +24
43 : #a84354 : +26
45 : #aa4152 : +28
47 : #ac3e51 : +30
49 : #af3c4f : +32
51 : #b1394d : +34
53 : #b3374c : +36
55 : #b6354a : +38
57 : #b83249 : +40
59 : #bb3047 : +42
61 : #bd2e46 : +44
63 : #bf2b44 : +46
65 : #c22942 : +48
67 : #c42741 : +50
69 : #c6243f : +52
71 : #c9223e : +54
73 : #cb203c : +56
75 : #cd1d3b : +58
77 : #d01b39 : +60
79 : #d21938 : +62
81 : #d41636 : +64
83 : #d71434 : +66
85 : #d91233 : +68
87 : #db0f31 : +70
89 : #de0d30 : +72
91 : #e00b2e : +74
93 : #e2082d : +76
95 : #e5062b : +78
97 : #e70429 : +80
99 : #e90128 : +82
L : 明度 ( 46% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -46
2 : #060405 : -44
4 : #0c0809 : -42
6 : #120d0e : -40
8 : #181112 : -38
10 : #1e1517 : -36
12 : #24191b : -34
14 : #2a1e20 : -32
16 : #302224 : -30
18 : #362629 : -28
20 : #3c2a2d : -26
22 : #422f32 : -24
24 : #483336 : -22
26 : #4e373b : -20
28 : #543b3f : -18
30 : #5a3f44 : -16
32 : #5f4448 : -14
34 : #65484d : -12
36 : #6b4c51 : -10
38 : #715056 : -8
40 : #77555a : -6
42 : #7d595f : -4
44 : #835d63 : -2
46 : #896168 : ±0
48 : #8f666d : +2
50 : #956a71 : +4
52 : #997077 : +6
54 : #9e767c : +8
56 : #a27c82 : +10
58 : #a68288 : +12
60 : #aa888d : +14
62 : #af8e93 : +16
64 : #b39499 : +18
66 : #b79a9e : +20
68 : #bba0a4 : +22
70 : #c0a5aa : +24
72 : #c4abb0 : +26
74 : #c8b1b5 : +28
76 : #ccb7bb : +30
78 : #d0bdc1 : +32
80 : #d5c3c6 : +34
82 : #d9c9cc : +36
84 : #ddcfd2 : +38
86 : #e1d5d7 : +40
88 : #e6dbdd : +42
90 : #eae1e3 : +44
92 : #eee7e8 : +46
94 : #f2edee : +48
96 : #f7f3f4 : +50
98 : #fbf9f9 : +52
100 : #ffffff : +54
CSS入門、作ってます。
text-shadow