#839a7e
RGB ( 赤 = 131, 緑 = 154, 青 = 126 )
HSL ( 色相 = 109°, 彩度 = 12%, 明度 = 55% )
H : 色相 ( 109° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #9a837e : -100
19 : #9a877e : -90
29 : #9a8c7e : -80
39 : #9a907e : -70
49 : #9a957e : -60
59 : #9a9a7e : -50
69 : #969a7e : -40
79 : #919a7e : -30
89 : #8d9a7e : -20
99 : #889a7e : -10
109 : #849a7e : ±0
119 : #7f9a7e : +10
129 : #7e9a83 : +20
139 : #7e9a87 : +30
149 : #7e9a8c : +40
159 : #7e9a90 : +50
169 : #7e9a95 : +60
179 : #7e9a9a : +70
189 : #7e969a : +80
199 : #7e919a : +90
209 : #7e8d9a : +100
219 : #7e889a : +110
229 : #7e849a : +120
239 : #7e7f9a : +130
249 : #837e9a : +140
259 : #877e9a : +150
269 : #8c7e9a : +160
279 : #907e9a : +170
289 : #957e9a : +180
299 : #9a7e9a : +190
309 : #9a7e96 : +200
319 : #9a7e91 : +210
329 : #9a7e8d : +220
339 : #9a7e88 : +230
349 : #9a7e84 : +240
359 : #9a7e7f : +250
99 : #889a7e : -10
100 : #889a7e : -9
101 : #879a7e : -8
102 : #879a7e : -7
103 : #869a7e : -6
104 : #869a7e : -5
105 : #859a7e : -4
106 : #859a7e : -3
107 : #849a7e : -2
108 : #849a7e : -1
109 : #849a7e : ±0
110 : #839a7e : +1
111 : #839a7e : +2
112 : #829a7e : +3
113 : #829a7e : +4
114 : #819a7e : +5
115 : #819a7e : +6
116 : #809a7e : +7
117 : #809a7e : +8
118 : #7f9a7e : +9
119 : #7f9a7e : +10
S : 彩度 ( 12% )
(0%) 渋い ~ 鮮やか (100%)
0 : #8c8c8c : -12
2 : #8b8f8a : -10
4 : #899188 : -8
6 : #889385 : -6
8 : #869583 : -4
10 : #859881 : -2
12 : #849a7e : ±0
14 : #829c7c : +2
16 : #819f7a : +4
18 : #7fa178 : +6
20 : #7ea375 : +8
22 : #7ca573 : +10
24 : #7ba871 : +12
26 : #79aa6e : +14
28 : #78ac6c : +16
30 : #76af6a : +18
32 : #75b168 : +20
34 : #74b365 : +22
36 : #72b663 : +24
38 : #71b861 : +26
40 : #6fba5e : +28
42 : #6ebc5c : +30
44 : #6cbf5a : +32
46 : #6bc157 : +34
48 : #69c355 : +36
50 : #68c653 : +38
52 : #66c851 : +40
54 : #65ca4e : +42
56 : #64cd4c : +44
58 : #62cf4a : +46
60 : #61d147 : +48
62 : #5fd345 : +50
64 : #5ed643 : +52
66 : #5cd841 : +54
68 : #5bda3e : +56
70 : #59dd3c : +58
72 : #58df3a : +60
74 : #56e137 : +62
76 : #55e335 : +64
78 : #54e633 : +66
80 : #52e830 : +68
82 : #51ea2e : +70
84 : #4fed2c : +72
86 : #4eef2a : +74
88 : #4cf127 : +76
90 : #4bf425 : +78
92 : #49f623 : +80
94 : #48f820 : +82
96 : #46fa1e : +84
98 : #45fd1c : +86
100 : #44ff1a : +88
L : 明度 ( 55% )
(0%) 暗い ~ 明るい (100%)
1 : #020302 : -54
3 : #070907 : -52
5 : #0c0e0b : -50
7 : #101410 : -48
9 : #151a14 : -46
11 : #1a1f19 : -44
13 : #1f251d : -42
15 : #232b22 : -40
17 : #283126 : -38
19 : #2d362b : -36
21 : #313c2f : -34
23 : #364234 : -32
25 : #3b4738 : -30
27 : #404d3d : -28
29 : #445341 : -26
31 : #495946 : -24
33 : #4e5e4a : -22
35 : #52644f : -20
37 : #576a53 : -18
39 : #5c6f58 : -16
41 : #61755c : -14
43 : #657b60 : -12
45 : #6a8165 : -10
47 : #6f8669 : -8
49 : #738c6e : -6
51 : #799173 : -4
53 : #7e9679 : -2
55 : #849a7e : ±0
57 : #899f84 : +2
59 : #8fa38a : +4
61 : #94a790 : +6
63 : #99ac95 : +8
65 : #9fb09b : +10
67 : #a4b5a1 : +12
69 : #aab9a6 : +14
71 : #afbeac : +16
73 : #b5c2b2 : +18
75 : #bac7b8 : +20
77 : #c0cbbd : +22
79 : #c5d0c3 : +24
81 : #cbd4c9 : +26
83 : #d0d9ce : +28
85 : #d6ddd4 : +30
87 : #dbe2da : +32
89 : #e1e6e0 : +34
91 : #e6ebe5 : +36
93 : #ecefeb : +38
95 : #f1f4f1 : +40
97 : #f7f8f6 : +42
99 : #fcfdfc : +44
CSS入門、作ってます。
text-shadow