#884e7d
RGB ( 赤 = 136, 緑 = 78, 青 = 125 )
HSL ( 色相 = 311°, 彩度 = 27%, 明度 = 42% )
H : 色相 ( 311° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #884f4e : -310
11 : #88594e : -300
21 : #88624e : -290
31 : #886c4e : -280
41 : #88764e : -270
51 : #887f4e : -260
61 : #87884e : -250
71 : #7d884e : -240
81 : #74884e : -230
91 : #6a884e : -220
101 : #60884e : -210
111 : #57884e : -200
121 : #4e884f : -190
131 : #4e8859 : -180
141 : #4e8862 : -170
151 : #4e886c : -160
161 : #4e8876 : -150
171 : #4e887f : -140
181 : #4e8788 : -130
191 : #4e7d88 : -120
201 : #4e7488 : -110
211 : #4e6a88 : -100
221 : #4e6088 : -90
231 : #4e5788 : -80
241 : #4f4e88 : -70
251 : #594e88 : -60
261 : #624e88 : -50
271 : #6c4e88 : -40
281 : #764e88 : -30
291 : #7f4e88 : -20
301 : #884e87 : -10
311 : #884e7d : ±0
321 : #884e74 : +10
331 : #884e6a : +20
341 : #884e60 : +30
351 : #884e57 : +40
301 : #884e87 : -10
302 : #884e86 : -9
303 : #884e85 : -8
304 : #884e84 : -7
305 : #884e83 : -6
306 : #884e82 : -5
307 : #884e81 : -4
308 : #884e80 : -3
309 : #884e7f : -2
310 : #884e7e : -1
311 : #884e7d : ±0
312 : #884e7c : +1
313 : #884e7b : +2
314 : #884e7b : +3
315 : #884e7a : +4
316 : #884e79 : +5
317 : #884e78 : +6
318 : #884e77 : +7
319 : #884e76 : +8
320 : #884e75 : +9
321 : #884e74 : +10
S : 彩度 ( 27% )
(0%) 渋い ~ 鮮やか (100%)
1 : #6c6a6c : -26
3 : #6e686d : -24
5 : #70666e : -22
7 : #736470 : -20
9 : #756171 : -18
11 : #775f73 : -16
13 : #795d74 : -14
15 : #7b5b75 : -12
17 : #7d5977 : -10
19 : #7f5778 : -8
21 : #825579 : -6
23 : #84527b : -4
25 : #86507c : -2
27 : #884e7d : ±0
29 : #8a4c7f : +2
31 : #8c4a80 : +4
33 : #8e4881 : +6
35 : #914683 : +8
37 : #934384 : +10
39 : #954186 : +12
41 : #973f87 : +14
43 : #993d88 : +16
45 : #9b3b8a : +18
47 : #9d398b : +20
49 : #a0378c : +22
51 : #a2348e : +24
53 : #a4328f : +26
55 : #a63090 : +28
57 : #a82e92 : +30
59 : #aa2c93 : +32
61 : #ac2a94 : +34
63 : #af2896 : +36
65 : #b12597 : +38
67 : #b32399 : +40
69 : #b5219a : +42
71 : #b71f9b : +44
73 : #b91d9d : +46
75 : #bb1b9e : +48
77 : #be199f : +50
79 : #c016a1 : +52
81 : #c214a2 : +54
83 : #c412a3 : +56
85 : #c610a5 : +58
87 : #c80ea6 : +60
89 : #ca0ca7 : +62
91 : #cd0aa9 : +64
93 : #cf07aa : +66
95 : #d105ac : +68
97 : #d303ad : +70
99 : #d501ae : +72
L : 明度 ( 42% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -42
2 : #060406 : -40
4 : #0d070c : -38
6 : #130b12 : -36
8 : #1a0f18 : -34
10 : #20131e : -32
12 : #271624 : -30
14 : #2d1a2a : -28
16 : #341e30 : -26
18 : #3a2236 : -24
20 : #41253c : -22
22 : #472942 : -20
24 : #4e2d48 : -18
26 : #54304e : -16
28 : #5b3454 : -14
30 : #61385a : -12
32 : #683c60 : -10
34 : #6e3f66 : -8
36 : #75436b : -6
38 : #7b4771 : -4
40 : #824a77 : -2
42 : #884e7d : ±0
44 : #8e5283 : +2
46 : #955689 : +4
48 : #9b598f : +6
50 : #a25d95 : +8
52 : #a6649a : +10
54 : #a96a9e : +12
56 : #ad71a2 : +14
58 : #b177a6 : +16
60 : #b57daa : +18
62 : #b884af : +20
64 : #bc8ab3 : +22
66 : #c091b7 : +24
68 : #c397bb : +26
70 : #c79ec0 : +28
72 : #cba4c4 : +30
74 : #cfabc8 : +32
76 : #d2b1cc : +34
78 : #d6b8d0 : +36
80 : #dabed5 : +38
82 : #ddc5d9 : +40
84 : #e1cbdd : +42
86 : #e5d2e1 : +44
88 : #e9d8e6 : +46
90 : #ecdfea : +48
92 : #f0e5ee : +50
94 : #f4ecf2 : +52
96 : #f8f2f7 : +54
98 : #fbf9fb : +56
100 : #ffffff : +58
CSS入門、作ってます。
text-shadow