#876e83
RGB ( 赤 = 135, 緑 = 110, 青 = 131 )
HSL ( 色相 = 310°, 彩度 = 10%, 明度 = 48% )
H : 色相 ( 310° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #876e6e : -310
10 : #87726e : -300
20 : #87766e : -290
30 : #877a6e : -280
40 : #877e6e : -270
50 : #87836e : -260
60 : #87876e : -250
70 : #83876e : -240
80 : #7e876e : -230
90 : #7a876e : -220
100 : #76876e : -210
110 : #72876e : -200
120 : #6e876e : -190
130 : #6e8772 : -180
140 : #6e8776 : -170
150 : #6e877a : -160
160 : #6e877e : -150
170 : #6e8783 : -140
180 : #6e8787 : -130
190 : #6e8387 : -120
200 : #6e7e87 : -110
210 : #6e7a87 : -100
220 : #6e7687 : -90
230 : #6e7287 : -80
240 : #6e6e87 : -70
250 : #726e87 : -60
260 : #766e87 : -50
270 : #7a6e87 : -40
280 : #7e6e87 : -30
290 : #836e87 : -20
300 : #876e87 : -10
310 : #876e83 : ±0
320 : #876e7e : +10
330 : #876e7a : +20
340 : #876e76 : +30
350 : #876e72 : +40
300 : #876e87 : -10
301 : #876e86 : -9
302 : #876e86 : -8
303 : #876e85 : -7
304 : #876e85 : -6
305 : #876e85 : -5
306 : #876e84 : -4
307 : #876e84 : -3
308 : #876e83 : -2
309 : #876e83 : -1
310 : #876e83 : ±0
311 : #876e82 : +1
312 : #876e82 : +2
313 : #876e81 : +3
314 : #876e81 : +4
315 : #876e81 : +5
316 : #876e80 : +6
317 : #876e80 : +7
318 : #876e7f : +8
319 : #876e7f : +9
320 : #876e7e : +10
S : 彩度 ( 10% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7a7a7a : -10
2 : #7d787c : -8
4 : #7f767e : -6
6 : #82737f : -4
8 : #847181 : -2
10 : #876e83 : ±0
12 : #896c84 : +2
14 : #8c6986 : +4
16 : #8e6787 : +6
18 : #906489 : +8
20 : #93628b : +10
22 : #955f8c : +12
24 : #985d8e : +14
26 : #9a5b90 : +16
28 : #9d5891 : +18
30 : #9f5693 : +20
32 : #a25395 : +22
34 : #a45196 : +24
36 : #a64e98 : +26
38 : #a94c99 : +28
40 : #ab499b : +30
42 : #ae479d : +32
44 : #b0459e : +34
46 : #b342a0 : +36
48 : #b540a2 : +38
50 : #b83da3 : +40
52 : #ba3ba5 : +42
54 : #bc38a6 : +44
56 : #bf36a8 : +46
58 : #c133aa : +48
60 : #c431ab : +50
62 : #c62fad : +52
64 : #c92caf : +54
66 : #cb2ab0 : +56
68 : #ce27b2 : +58
70 : #d025b4 : +60
72 : #d322b5 : +62
74 : #d520b7 : +64
76 : #d71db8 : +66
78 : #da1bba : +68
80 : #dc18bc : +70
82 : #df16bd : +72
84 : #e114bf : +74
86 : #e411c1 : +76
88 : #e60fc2 : +78
90 : #e90cc4 : +80
92 : #eb0ac5 : +82
94 : #ed07c7 : +84
96 : #f005c9 : +86
98 : #f202ca : +88
100 : #f500cc : +90
L : 明度 ( 48% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -48
2 : #060505 : -46
4 : #0b090b : -44
6 : #110e10 : -42
8 : #161216 : -40
10 : #1c171b : -38
12 : #221c21 : -36
14 : #272026 : -34
16 : #2d252c : -32
18 : #322931 : -30
20 : #382e36 : -28
22 : #3e323c : -26
24 : #433741 : -24
26 : #493c47 : -22
28 : #4f404c : -20
30 : #544552 : -18
32 : #5a4957 : -16
34 : #5f4e5c : -14
36 : #655362 : -12
38 : #6b5767 : -10
40 : #705c6d : -8
42 : #766072 : -6
44 : #7b6578 : -4
46 : #816a7d : -2
48 : #876e83 : ±0
50 : #8c7388 : +2
52 : #91788d : +4
54 : #957e92 : +6
56 : #9a8496 : +8
58 : #9f899b : +10
60 : #a38fa0 : +12
62 : #a894a5 : +14
64 : #ac9aa9 : +16
66 : #b1a0ae : +18
68 : #b6a5b3 : +20
70 : #baabb8 : +22
72 : #bfb0bc : +24
74 : #c3b6c1 : +26
76 : #c8bcc6 : +28
78 : #cdc1cb : +30
80 : #d1c7cf : +32
82 : #d6cdd4 : +34
84 : #dad2d9 : +36
86 : #dfd8de : +38
88 : #e3dde2 : +40
90 : #e8e3e7 : +42
92 : #ede9ec : +44
94 : #f1eef1 : +46
96 : #f6f4f5 : +48
98 : #faf9fa : +50
100 : #ffffff : +52
CSS入門、作ってます。
text-shadow