#6c6189
RGB ( 赤 = 108, 緑 = 97, 青 = 137 )
HSL ( 色相 = 257°, 彩度 = 17%, 明度 = 46% )
H : 色相 ( 257° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #896661 : -250
17 : #896d61 : -240
27 : #897361 : -230
37 : #897a61 : -220
47 : #898161 : -210
57 : #898761 : -200
67 : #858961 : -190
77 : #7e8961 : -180
87 : #778961 : -170
97 : #718961 : -160
107 : #6a8961 : -150
117 : #638961 : -140
127 : #618966 : -130
137 : #61896d : -120
147 : #618973 : -110
157 : #61897a : -100
167 : #618981 : -90
177 : #618987 : -80
187 : #618589 : -70
197 : #617e89 : -60
207 : #617789 : -50
217 : #617189 : -40
227 : #616a89 : -30
237 : #616389 : -20
247 : #666189 : -10
257 : #6d6189 : ±0
267 : #736189 : +10
277 : #7a6189 : +20
287 : #816189 : +30
297 : #876189 : +40
307 : #896185 : +50
317 : #89617e : +60
327 : #896177 : +70
337 : #896171 : +80
347 : #89616a : +90
357 : #896163 : +100
247 : #666189 : -10
248 : #676189 : -9
249 : #676189 : -8
250 : #686189 : -7
251 : #696189 : -6
252 : #696189 : -5
253 : #6a6189 : -4
254 : #6b6189 : -3
255 : #6b6189 : -2
256 : #6c6189 : -1
257 : #6d6189 : ±0
258 : #6d6189 : +1
259 : #6e6189 : +2
260 : #6f6189 : +3
261 : #6f6189 : +4
262 : #706189 : +5
263 : #716189 : +6
264 : #716189 : +7
265 : #726189 : +8
266 : #736189 : +9
267 : #736189 : +10
S : 彩度 ( 17% )
(0%) 渋い ~ 鮮やか (100%)
1 : #757476 : -16
3 : #747279 : -14
5 : #736f7b : -12
7 : #726d7e : -10
9 : #716b80 : -8
11 : #706882 : -6
13 : #6f6685 : -4
15 : #6e6487 : -2
17 : #6d6189 : ±0
19 : #6c5f8c : +2
21 : #6b5d8e : +4
23 : #6a5a90 : +6
25 : #695893 : +8
27 : #685695 : +10
29 : #675397 : +12
31 : #66519a : +14
33 : #654f9c : +16
35 : #644c9e : +18
37 : #624aa1 : +20
39 : #6148a3 : +22
41 : #6045a5 : +24
43 : #5f43a8 : +26
45 : #5e41aa : +28
47 : #5d3eac : +30
49 : #5c3caf : +32
51 : #5b39b1 : +34
53 : #5a37b3 : +36
55 : #5935b6 : +38
57 : #5832b8 : +40
59 : #5730bb : +42
61 : #562ebd : +44
63 : #552bbf : +46
65 : #5429c2 : +48
67 : #5327c4 : +50
69 : #5224c6 : +52
71 : #5122c9 : +54
73 : #5020cb : +56
75 : #4f1dcd : +58
77 : #4e1bd0 : +60
79 : #4d19d2 : +62
81 : #4c16d4 : +64
83 : #4b14d7 : +66
85 : #4a12d9 : +68
87 : #490fdb : +70
89 : #480dde : +72
91 : #470be0 : +74
93 : #4608e2 : +76
95 : #4506e5 : +78
97 : #4404e7 : +80
99 : #4301e9 : +82
L : 明度 ( 46% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -46
2 : #050406 : -44
4 : #09080c : -42
6 : #0e0d12 : -40
8 : #131118 : -38
10 : #18151e : -36
12 : #1c1924 : -34
14 : #211e2a : -32
16 : #262230 : -30
18 : #2b2636 : -28
20 : #2f2a3c : -26
22 : #342f42 : -24
24 : #393348 : -22
26 : #3d374e : -20
28 : #423b54 : -18
30 : #473f5a : -16
32 : #4c445f : -14
34 : #504865 : -12
36 : #554c6b : -10
38 : #5a5071 : -8
40 : #5e5577 : -6
42 : #63597d : -4
44 : #685d83 : -2
46 : #6d6189 : ±0
48 : #71668f : +2
50 : #766a95 : +4
52 : #7c7099 : +6
54 : #81769e : +8
56 : #877ca2 : +10
58 : #8c82a6 : +12
60 : #9188aa : +14
62 : #978eaf : +16
64 : #9c94b3 : +18
66 : #a29ab7 : +20
68 : #a7a0bb : +22
70 : #ada5c0 : +24
72 : #b2abc4 : +26
74 : #b8b1c8 : +28
76 : #bdb7cc : +30
78 : #c3bdd0 : +32
80 : #c8c3d5 : +34
82 : #cec9d9 : +36
84 : #d3cfdd : +38
86 : #d9d5e1 : +40
88 : #dedbe6 : +42
90 : #e4e1ea : +44
92 : #e9e7ee : +46
94 : #efedf2 : +48
96 : #f4f3f7 : +50
98 : #faf9fb : +52
100 : #ffffff : +54
CSS入門、作ってます。
text-shadow