#878d68
RGB ( 赤 = 135, 緑 = 141, 青 = 104 )
HSL ( 色相 = 70°, 彩度 = 15%, 明度 = 48% )
H : 色相 ( 70° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #8d6868 : -70
10 : #8d6e68 : -60
20 : #8d7468 : -50
30 : #8d7a68 : -40
40 : #8d8168 : -30
50 : #8d8768 : -20
60 : #8d8d68 : -10
70 : #878d68 : ±0
80 : #818d68 : +10
90 : #7a8d68 : +20
100 : #748d68 : +30
110 : #6e8d68 : +40
120 : #688d68 : +50
130 : #688d6e : +60
140 : #688d74 : +70
150 : #688d7a : +80
160 : #688d81 : +90
170 : #688d87 : +100
180 : #688d8d : +110
190 : #68878d : +120
200 : #68818d : +130
210 : #687a8d : +140
220 : #68748d : +150
230 : #686e8d : +160
240 : #68688d : +170
250 : #6e688d : +180
260 : #74688d : +190
270 : #7a688d : +200
280 : #81688d : +210
290 : #87688d : +220
300 : #8d688d : +230
310 : #8d6887 : +240
320 : #8d6881 : +250
330 : #8d687a : +260
340 : #8d6874 : +270
350 : #8d686e : +280
60 : #8d8d68 : -10
61 : #8c8d68 : -9
62 : #8c8d68 : -8
63 : #8b8d68 : -7
64 : #8a8d68 : -6
65 : #8a8d68 : -5
66 : #898d68 : -4
67 : #888d68 : -3
68 : #888d68 : -2
69 : #878d68 : -1
70 : #878d68 : ±0
71 : #868d68 : +1
72 : #858d68 : +2
73 : #858d68 : +3
74 : #848d68 : +4
75 : #848d68 : +5
76 : #838d68 : +6
77 : #828d68 : +7
78 : #828d68 : +8
79 : #818d68 : +9
80 : #818d68 : +10
S : 彩度 ( 15% )
(0%) 渋い ~ 鮮やか (100%)
1 : #7b7c79 : -14
3 : #7d7e77 : -12
5 : #7e8174 : -10
7 : #808372 : -8
9 : #82856f : -6
11 : #83886d : -4
13 : #858a6a : -2
15 : #878d68 : ±0
17 : #888f66 : +2
19 : #8a9263 : +4
21 : #8c9461 : +6
23 : #8d975e : +8
25 : #8f995c : +10
27 : #909b59 : +12
29 : #929e57 : +14
31 : #94a054 : +16
33 : #95a352 : +18
35 : #97a550 : +20
37 : #99a84d : +22
39 : #9aaa4b : +24
41 : #9cad48 : +26
43 : #9daf46 : +28
45 : #9fb143 : +30
47 : #a1b441 : +32
49 : #a2b63e : +34
51 : #a4b93c : +36
53 : #a6bb3a : +38
55 : #a7be37 : +40
57 : #a9c035 : +42
59 : #abc332 : +44
61 : #acc530 : +46
63 : #aec82d : +48
65 : #afca2b : +50
67 : #b1cc28 : +52
69 : #b3cf26 : +54
71 : #b4d123 : +56
73 : #b6d421 : +58
75 : #b8d61f : +60
77 : #b9d91c : +62
79 : #bbdb1a : +64
81 : #bcde17 : +66
83 : #bee015 : +68
85 : #c0e212 : +70
87 : #c1e510 : +72
89 : #c3e70d : +74
91 : #c5ea0b : +76
93 : #c6ec09 : +78
95 : #c8ef06 : +80
97 : #caf104 : +82
99 : #cbf401 : +84
L : 明度 ( 48% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -48
2 : #060604 : -46
4 : #0b0c09 : -44
6 : #11120d : -42
8 : #161711 : -40
10 : #1c1d16 : -38
12 : #22231a : -36
14 : #27291e : -34
16 : #2d2f23 : -32
18 : #323527 : -30
20 : #383b2b : -28
22 : #3e4130 : -26
24 : #434634 : -24
26 : #494c38 : -22
28 : #4f523d : -20
30 : #545841 : -18
32 : #5a5e45 : -16
34 : #5f644a : -14
36 : #656a4e : -12
38 : #6b6f52 : -10
40 : #707557 : -8
42 : #767b5b : -6
44 : #7b815f : -4
46 : #818764 : -2
48 : #878d68 : ±0
50 : #8c936c : +2
52 : #919772 : +4
54 : #959b78 : +6
56 : #9aa07e : +8
58 : #9fa484 : +10
60 : #a3a88a : +12
62 : #a8ad90 : +14
64 : #acb195 : +16
66 : #b1b59b : +18
68 : #b6baa1 : +20
70 : #babea7 : +22
72 : #bfc2ad : +24
74 : #c3c7b3 : +26
76 : #c8cbb9 : +28
78 : #cdcfbe : +30
80 : #d1d4c4 : +32
82 : #d6d8ca : +34
84 : #dadcd0 : +36
86 : #dfe1d6 : +38
88 : #e3e5dc : +40
90 : #e8e9e2 : +42
92 : #edeee8 : +44
94 : #f1f2ed : +46
96 : #f6f6f3 : +48
98 : #fafbf9 : +50
100 : #ffffff : +52
CSS入門、作ってます。
text-shadow