#686076
RGB ( 赤 = 104, 緑 = 96, 青 = 118 )
HSL ( 色相 = 262°, 彩度 = 10%, 明度 = 42% )
H : 色相 ( 262° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #766160 : -260
12 : #766560 : -250
22 : #766860 : -240
32 : #766c60 : -230
42 : #766f60 : -220
52 : #767360 : -210
62 : #757660 : -200
72 : #727660 : -190
82 : #6e7660 : -180
92 : #6a7660 : -170
102 : #677660 : -160
112 : #637660 : -150
122 : #607661 : -140
132 : #607665 : -130
142 : #607668 : -120
152 : #60766c : -110
162 : #60766f : -100
172 : #607673 : -90
182 : #607576 : -80
192 : #607276 : -70
202 : #606e76 : -60
212 : #606a76 : -50
222 : #606776 : -40
232 : #606376 : -30
242 : #616076 : -20
252 : #656076 : -10
262 : #686076 : ±0
272 : #6c6076 : +10
282 : #6f6076 : +20
292 : #736076 : +30
302 : #766075 : +40
312 : #766072 : +50
322 : #76606e : +60
332 : #76606a : +70
342 : #766067 : +80
352 : #766063 : +90
252 : #656076 : -10
253 : #656076 : -9
254 : #656076 : -8
255 : #666076 : -7
256 : #666076 : -6
257 : #666076 : -5
258 : #676076 : -4
259 : #676076 : -3
260 : #686076 : -2
261 : #686076 : -1
262 : #686076 : ±0
263 : #696076 : +1
264 : #696076 : +2
265 : #696076 : +3
266 : #6a6076 : +4
267 : #6a6076 : +5
268 : #6a6076 : +6
269 : #6b6076 : +7
270 : #6b6076 : +8
271 : #6b6076 : +9
272 : #6c6076 : +10
S : 彩度 ( 10% )
(0%) 渋い ~ 鮮やか (100%)
0 : #6b6b6b : -10
2 : #6b696d : -8
4 : #6a676f : -6
6 : #696572 : -4
8 : #696374 : -2
10 : #686076 : ±0
12 : #685e78 : +2
14 : #675c7a : +4
16 : #675a7c : +6
18 : #66587e : +8
20 : #655681 : +10
22 : #655483 : +12
24 : #645185 : +14
26 : #644f87 : +16
28 : #634d89 : +18
30 : #634b8b : +20
32 : #62498d : +22
34 : #614790 : +24
36 : #614592 : +26
38 : #604294 : +28
40 : #604096 : +30
42 : #5f3e98 : +32
44 : #5f3c9a : +34
46 : #5e3a9c : +36
48 : #5d389f : +38
50 : #5d36a1 : +40
52 : #5c33a3 : +42
54 : #5c31a5 : +44
56 : #5b2fa7 : +46
58 : #5b2da9 : +48
60 : #5a2bab : +50
62 : #5929ae : +52
64 : #5927b0 : +54
66 : #5824b2 : +56
68 : #5822b4 : +58
70 : #5720b6 : +60
72 : #571eb8 : +62
74 : #561cba : +64
76 : #551abc : +66
78 : #5518bf : +68
80 : #5415c1 : +70
82 : #5413c3 : +72
84 : #5311c5 : +74
86 : #530fc7 : +76
88 : #520dc9 : +78
90 : #510bcb : +80
92 : #5109ce : +82
94 : #5006d0 : +84
96 : #5004d2 : +86
98 : #4f02d4 : +88
100 : #4f00d6 : +90
L : 明度 ( 42% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -42
2 : #050506 : -40
4 : #0a090b : -38
6 : #0f0e11 : -36
8 : #141216 : -34
10 : #19171c : -32
12 : #1e1c22 : -30
14 : #232027 : -28
16 : #28252d : -26
18 : #2d2932 : -24
20 : #322e38 : -22
22 : #37323e : -20
24 : #3c3743 : -18
26 : #413c49 : -16
28 : #45404f : -14
30 : #4a4554 : -12
32 : #4f495a : -10
34 : #544e5f : -8
36 : #595365 : -6
38 : #5e576b : -4
40 : #635c70 : -2
42 : #686076 : ±0
44 : #6d657b : +2
46 : #726a81 : +4
48 : #776e87 : +6
50 : #7c738c : +8
52 : #817891 : +10
54 : #877e95 : +12
56 : #8c849a : +14
58 : #91899f : +16
60 : #968fa3 : +18
62 : #9c94a8 : +20
64 : #a19aac : +22
66 : #a6a0b1 : +24
68 : #aba5b6 : +26
70 : #b0abba : +28
72 : #b6b0bf : +30
74 : #bbb6c3 : +32
76 : #c0bcc8 : +34
78 : #c5c1cd : +36
80 : #cbc7d1 : +38
82 : #d0cdd6 : +40
84 : #d5d2da : +42
86 : #dad8df : +44
88 : #e0dde3 : +46
90 : #e5e3e8 : +48
92 : #eae9ed : +50
94 : #efeef1 : +52
96 : #f5f4f6 : +54
98 : #faf9fa : +56
100 : #ffffff : +58
CSS入門、作ってます。
text-shadow